*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Segoe UI,sans-serif;color:#eff8ff;background:#0b202c}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:fixed;top:27px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{color:white;font-size:17px;letter-spacing:4px;text-decoration:none;font-weight:750;text-shadow:0 2px 18px #0008}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:9px;color:#d1e0ec}header>*{pointer-events:auto}button,select{font:inherit;color:inherit;background:#0e2b3acb;border:1px solid #b4d2df40;border-radius:7px;padding:10px 13px;cursor:pointer}button:hover{background:#245066}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible{outline:2px solid #a6e4ff;outline-offset:3px}#controls{position:fixed;top:112px;left:32px;width:278px;padding:25px;background:linear-gradient(140deg,#0d2530eb,#112d3bcd);border:1px solid #ffffff24;border-radius:15px;backdrop-filter:blur(16px);max-height:calc(100vh - 185px);overflow:auto;box-shadow:0 15px 60px #07182122}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#88c5d7}h1{font-size:30px;font-weight:450;letter-spacing:-1px;line-height:1.12;margin:18px 0}.intro{font-size:11px;line-height:1.8;color:#b5cad5}.native-row{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff1c;padding:15px 0;margin-top:20px}.native-row strong{font-size:13px}.native-row small{display:block;font-size:10px;color:#9bbccc;margin-top:6px}#native{min-width:63px;font-size:12px;font-weight:700}#native[aria-checked=true]{background:#b4f0d6;color:#12372c;border-color:#c6f7df}.note{font-size:10px;color:#9bb6c5;line-height:1.65}label{display:block;font-size:11px;margin-top:16px;color:#d0e2eb}select{display:block;width:100%;margin-top:8px;padding:8px;font-size:11px}input[type=range]{width:100%;accent-color:#a8e7dd;margin:10px 0 0;height:5px}output{float:right}.buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.buttons button{font-size:10px;padding:8px}footer{position:fixed;bottom:22px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:10px;color:#eff8ff;text-shadow:0 1px 4px #000}nav{display:flex;gap:18px}nav a{color:inherit;text-decoration:none}#loading{position:fixed;inset:0;display:flex;gap:18px;align-items:center;justify-content:center;flex-direction:column;background:#0d2633ed;z-index:5}#loading[hidden]{display:none}#loadText{font-size:19px;font-weight:450}#error{position:fixed;bottom:70px;left:32px;right:32px;max-height:200px;overflow:auto;padding:18px;background:#612b36ed;border:1px solid #df8b9344;border-radius:8px;font-size:12px;z-index:10}.clean #controls{display:none}.cinematic header,.cinematic footer,.cinematic #controls{display:none}@media(max-width:650px){header{top:18px;left:18px;right:18px}#controls{left:18px;top:91px;width:244px;padding:18px;max-height:calc(100dvh - 165px)}footer{left:18px;right:18px;bottom:16px}nav{gap:9px;font-size:8px}nav a:last-child{display:none}h1{font-size:26px}}