*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#14232c;color:#fff;font:14px/1.5 system-ui,-apple-system,'Tahoma',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d5ff82;outline-offset:3px}a{color:inherit;text-decoration:none}#viewport,#viewport>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:max(24px,env(safe-area-inset-top));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;pointer-events:auto;text-shadow:0 2px 12px #0008}.monogram{display:grid;place-items:center;background:#d5ff82;color:#16251d;width:46px;height:46px;border-radius:14px;font-size:29px;font-weight:800}.brand b{font-size:21px;letter-spacing:1px}.brand em{font-size:10px;font-style:normal;font-weight:500;letter-spacing:2px;margin-left:10px}.brand small{display:block;color:#dbe4e8;font-size:11px}.version{font-size:10px;letter-spacing:2px;border:1px solid #ffffff40;padding:8px 12px;border-radius:30px;background:#10202c66}.intro{position:absolute;top:125px;left:32px;pointer-events:none;text-shadow:0 2px 16px #0006}.eyebrow{font-size:9px;letter-spacing:2px;color:#d5ff82}.intro h1{font-weight:500;font-size:clamp(23px,3vw,40px);line-height:1.3;margin:12px 0}.intro h1 span{color:#d5ff82}.intro p{font-size:12px;color:#dbe4e8}.toolbar{position:absolute;right:30px;top:110px;display:flex;flex-direction:column;gap:7px}.toolbar button{width:44px;height:44px;border-radius:13px;background:#10212ad9;backdrop-filter:blur(12px);border:1px solid #ffffff20;font-size:21px;position:relative}.toolbar button span{position:absolute;right:52px;white-space:nowrap;font-size:11px;background:#10212a;padding:5px 9px;border-radius:5px;opacity:0;pointer-events:none}.toolbar button:hover span{opacity:1}.toolbar button[aria-pressed=true]{color:#d5ff82;border-color:#d5ff82}.panel{position:absolute;bottom:64px;right:30px;width:320px;background:#11222ce8;border:1px solid #ffffff25;border-radius:22px;backdrop-filter:blur(22px);padding:17px 20px;box-shadow:0 14px 50px #0003}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head>div{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:#d5ff82;border-radius:50%;box-shadow:0 0 12px #d5ff8250}#clock{font-size:23px;font-weight:300;margin-left:9px;font-variant-numeric:tabular-nums}#collapse{background:transparent;font-size:23px;color:#b9c8cf}.slider-label{display:flex;justify-content:space-between;font-size:11px;color:#c1d0d8;margin-top:15px}.slider-label span{color:#8199a5;font-size:10px}input[type=range]{width:100%;accent-color:#d5ff82;margin:15px 0 8px;height:22px}.presets,.weather{display:flex;gap:5px}.presets button{flex:1;background:transparent;border-radius:7px;padding:6px 0;font-size:11px;color:#a0b5bf}.presets button.active{background:#d5ff821c;color:#d5ff82}.divider{height:1px;background:#ffffff15;margin:15px 0}.weather button{flex:1;background:#ffffff09;border:1px solid transparent;border-radius:10px;padding:10px 0;font-size:20px}.weather button span{font-size:11px;display:block}.weather button.active{border-color:#d5ff8270;color:#d5ff82;background:#d5ff8210}.bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#a7bcc7}.bottom-row select{background:#172f3b;border:0;border-radius:5px;padding:4px;font-size:10px}.bottom-row a{color:#d5ff82}footer{position:absolute;left:30px;right:30px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d5dfe5;text-shadow:0 2px 4px #000}footer a{white-space:nowrap}#loading{position:absolute;inset:0;z-index:30;background:#12232d;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#loading h1{font-size:22px;font-weight:500}#loading p{color:#9db4c1;font-size:13px;max-width:380px}.loader{width:45px;height:45px;border:2px solid #ffffff20;border-top-color:#d5ff82;border-radius:50%;animation:spin 1s linear infinite}#retry{background:#d5ff82;color:#15251b;border-radius:12px;padding:12px 25px}#notice{position:absolute;top:85px;left:50%;transform:translateX(-50%);padding:9px 16px;border-radius:30px;background:#142b38d9;color:#d5ff82;font-size:12px;pointer-events:none;white-space:nowrap}#notice:empty{display:none}.ar .intro{display:none}.ar{background:transparent}.ar .a-enter-vr,.ar .a-enter-ar,.ar .a-orientation-modal{display:none!important}#panel-body[hidden],#loading[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){header{left:18px;right:18px;top:max(16px,env(safe-area-inset-top))}.brand b{font-size:17px}.brand em{font-size:8px;letter-spacing:1px;display:block;margin:0}.brand small{font-size:10px}.version{display:none}.intro{left:20px;top:100px}.intro h1{font-size:24px}.intro p{display:none}.toolbar{right:16px;top:100px;gap:6px}.toolbar button{width:38px;height:38px;font-size:19px}.panel{right:16px;left:16px;width:auto;bottom:calc(52px + env(safe-area-inset-bottom));padding:12px 17px;border-radius:18px}.panel-head #clock{font-size:20px}.slider-label{margin-top:6px}.divider{margin:8px 0}.weather button{padding:5px;font-size:17px}.weather button span{display:inline;font-size:11px;margin-left:5px}.bottom-row{margin-top:9px}input[type=range]{margin:7px 0 2px}footer{left:18px;right:18px;bottom:calc(15px + env(safe-area-inset-bottom));font-size:9px}footer #hint{max-width:240px}.presets button{padding:3px 0}}@media(max-height:600px) and (min-width:651px){.intro{display:none}.panel{bottom:45px;width:280px}.toolbar{right:330px;top:100px;flex-direction:row}footer{bottom:12px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}