:root{font-family:system-ui,sans-serif;color:#edf3f1;background:#142530;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 65% 40%,#325354,#1b303e 50%,#111e2c)}canvas{display:block;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header a{font-size:34px;font-weight:750;letter-spacing:-2px;color:inherit;text-decoration:none;pointer-events:auto}header a span{font-size:11px;letter-spacing:1px;color:#a4d3be;margin-left:8px}.badge{font-size:10px;letter-spacing:2px;color:#9eb7c2;border:1px solid #ffffff20;padding:10px 16px;border-radius:30px}main{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro{position:absolute;left:6%;top:19%}small{font-size:10px;letter-spacing:2px;color:#a9d4bf}h1{font-size:clamp(35px,4.7vw,65px);font-weight:450;line-height:1.12;letter-spacing:-2px;margin:24px 0}p{font-size:14px;line-height:1.8;color:#a1b7c3}.panel{position:absolute;left:6%;bottom:70px;width:390px;max-width:88%;padding:22px;background:#142633e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #b5dcc225;border-radius:20px;pointer-events:auto;box-shadow:0 20px 70px #0002}.heading{display:flex;justify-content:space-between;font-size:13px;margin-bottom:18px}#state{font-size:10px;color:#abd4bf}.actions{display:flex;gap:7px}button{font:500 12px system-ui;cursor:pointer;color:#deede6;background:#ffffff08;border:1px solid #ffffff1c;border-radius:10px;padding:11px}button:hover,button[aria-pressed=true]{background:#a9d4bf22;border-color:#a9d4bf55}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #b5dcc2;outline-offset:3px}form{margin-top:20px}form label{font-size:11px;color:#9cb1bd}.speech-row{display:flex;gap:8px;margin-top:9px}.speech-row input{min-width:0;flex:1;background:#10212d;border:1px solid #ffffff15;border-radius:9px;padding:12px;color:#dbe8e5;font:12px system-ui}.speech-row button{background:#b5dcc2;color:#17382e;width:42px;border:0}.note{font-size:10px;line-height:1.5;color:#849eab;margin:10px 0 17px}.settings{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:12px;font-size:10px;color:#9cb1bd}.settings label{display:flex;align-items:center;gap:5px}.settings input{accent-color:#b5dcc2}.settings button{background:none;border:0;font-size:10px;color:#9cb1bd;padding:4px}footer{position:fixed;bottom:24px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:10px;color:#8ca5b2;pointer-events:none}#xr-controls{position:fixed;right:25px;bottom:60px}#xr-controls button{position:static!important;width:auto!important;background:#204c40!important;border-radius:12px!important;padding:14px!important;opacity:1!important}#error{position:fixed;top:20%;right:20%;bottom:20%;left:20%;padding:30px;background:#18313d;border-radius:20px;z-index:10;line-height:1.8}@media(max-width:1100px)and (orientation:portrait),(max-width:700px){header{padding:18px 22px}header a{font-size:28px}.badge{font-size:8px;letter-spacing:1px;padding:8px}.intro{top:95px;left:24px}small{font-size:8px}h1{font-size:33px;margin:14px 0;letter-spacing:-1px}.intro p{font-size:11px}.panel{left:20px;bottom:50px;width:calc(100% - 40px);max-width:none;padding:15px}.heading{margin-bottom:12px}.actions button{flex:1;font-size:11px;padding:10px 5px}form{margin-top:13px}.note{margin-bottom:9px}.settings{padding-top:8px}footer{left:22px;right:22px;bottom:16px;font-size:8px}#xr-controls{top:73px;right:20px;bottom:auto}}@media(max-height:580px){.intro{top:80px;left:25px}h1{font-size:32px;margin:12px 0}.intro p{display:none}.panel{left:auto;right:25px;bottom:48px;width:340px}.badge{display:none}}