:root{--bg:#05070d;--panel:#0c101cdb;--border:#8ca0d238;--text:#dfe5f2;--muted:#8d97ad;--accent:#ffc861;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#gl,#overlay{width:100%;height:100%;display:block;position:absolute;inset:0}#gl{touch-action:none;cursor:grab}#gl:active{cursor:grabbing}#overlay{pointer-events:none}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border);cursor:pointer;touch-action:manipulation;background:#3c4b6e8c;border-radius:8px;padding:6px 10px}button:hover{background:#506496b3}button.active{border-color:var(--accent);background:#ffc86140}input,select{border:1px solid var(--border);background:#00000059;border-radius:6px;width:100%;padding:5px 7px}input[type=checkbox]{width:auto;accent-color:var(--accent)}.hud{top:calc(12px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 3px #000;position:absolute}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.clock{font-variant-numeric:tabular-nums;color:var(--text);margin-top:2px;font-size:13px}.clock>span{display:block}.clock-note{color:var(--muted)}.timebar{z-index:1;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;transform:translate(-50%)}.scope-bar{align-items:center;gap:4px;display:inline-flex}.scope-bar[hidden]{display:none}.scope-bar select{max-width:170px}.speed{text-align:center;font-variant-numeric:tabular-nums;min-width:78px;color:var(--muted)}.panel-toggle{top:calc(12px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:3;width:40px;height:40px;padding:0;font-size:18px;position:absolute}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:12px;width:300px;max-height:calc(100% - 140px);padding:4px 12px 10px;position:absolute;top:60px;right:16px;overflow:auto}.panel.collapsed,.panel-head{display:none}.day-hint{z-index:1;top:calc(16px + env(safe-area-inset-top));background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.day-hint[hidden]{display:none}.day-hint span{color:var(--muted)}.day-hint button{border-color:var(--accent);background:#ffc86133;border-radius:999px}.panel details{border-bottom:1px solid var(--border);padding:8px 0}.panel summary{cursor:pointer;color:var(--accent);font-weight:600}.panel label{color:var(--muted);margin-top:8px;font-size:12px;display:block}.panel label.check{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.row{gap:8px;display:flex}.row>label{flex:1}.wide{width:100%;margin-top:10px}.presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hint{color:var(--muted);margin:8px 0 0;font-size:12px}.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px;font-size:13px}.stats td{padding:2px 0}.stats td:first-child{color:var(--muted)}.stats td:last-child{text-align:right}.stats .warn{color:#ff8a6a}.info{left:16px;bottom:calc(var(--timebar-h,50px) + 26px);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:12px;width:320px;padding:10px 14px;position:absolute}.info h2{margin:0;font-size:18px}.info .sub{color:var(--muted);margin:2px 0 0;font-size:12px}.info .close{padding:0 8px;position:absolute;top:6px;right:6px}.actions{align-items:center;gap:10px;margin-top:10px;display:flex}.actions label{align-items:center;gap:6px;display:flex}.loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}@media (max-width:640px){.hud{left:calc(12px + env(safe-area-inset-left));right:64px}.brand,.clock{font-size:12px}.clock-note,.clock-utc{display:none!important}.panel-toggle{right:calc(12px + env(safe-area-inset-right));width:44px;height:44px}.day-hint{top:auto;bottom:calc(var(--timebar-h,56px) + 44px + env(safe-area-inset-bottom))}.timebar{bottom:calc(10px + env(safe-area-inset-bottom));gap:6px;max-width:calc(100vw - 20px);padding:6px}.timebar button{min-width:44px;min-height:44px;padding:0 10px;font-size:16px}.speed{white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:999px;min-width:0;padding:2px 10px;font-size:11px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.scope-bar{flex-basis:100%;justify-content:center}.scope-bar select{flex:1;max-width:none;min-height:44px}.panel{z-index:5;width:auto;max-height:72dvh;padding:0 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #00000080}.panel-head{z-index:1;border-bottom:1px solid var(--border);background:#0c101cf7;justify-content:space-between;align-items:center;margin:0 -16px;padding:12px 16px 10px;font-weight:600;display:flex;position:sticky;top:0}.panel-head .close{width:40px;height:40px;padding:0;font-size:20px}.panel details{padding:12px 0}.panel summary{padding:4px 0}.panel label{font-size:13px}.panel label.check{margin-top:2px;padding:8px 0;font-size:15px}.panel input[type=checkbox]{width:20px;height:20px}input,select{padding:8px 10px;font-size:16px}.panel button{min-height:40px}.info{width:auto;max-height:36dvh;left:10px;right:10px;bottom:calc(var(--timebar-h,56px) + 42px + env(safe-area-inset-bottom));overflow:auto}.info .close{width:36px;height:36px;font-size:18px}.actions button{min-height:40px}body.scope-mode .info .stats{display:none}}