:root{--ink: #0f1216;--glass: rgba(15, 18, 22, .78);--line: rgba(255, 255, 255, .09);--text: #e8eaed;--dim: #9aa3ad;--sun: #ffb454;--sun-soft: rgba(255, 180, 84, .16);--scan-a: #6fb2ff}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#canvas,.overlay,.skylayer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#canvas{touch-action:none}.overlay,.skylayer{pointer-events:none}#loadbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:300}#loadbarFill{height:100%;width:0%;background:var(--sun);transition:width .25s}#spinner{position:fixed;top:50%;left:50%;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--sun);border-radius:50%;transform:translate(-50%,-50%);animation:spin .8s linear infinite;z-index:200}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}#spinner.hidden{display:none}#topbar{position:fixed;top:0;left:0;right:0;height:54px;z-index:100;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(to bottom,rgba(8,10,13,.85),transparent);pointer-events:none}#topbar>*{pointer-events:all}#title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8eaede6;pointer-events:none}#scanChip{font:600 11px/1 ui-monospace,Consolas,monospace;color:var(--sun);padding:5px 11px;background:var(--sun-soft);border:1px solid rgba(255,180,84,.35);border-radius:99px}.spacer{flex:1}.tb{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--glass);border:1px solid var(--line);border-radius:10px;color:var(--dim);font:600 12px/1 system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .15s,border-color .15s}.tb:hover{color:var(--text)}.tb.on{color:var(--sun);border-color:#ffb45459}#introLoad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(120% 120% at 50% 30%,#10151b,#07090c 70%);transition:opacity .65s ease}#introLoad.done{opacity:0;pointer-events:none}.il-title{font:800 26px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8eaed}.il-sub{font:600 11px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e8eaed8c}.il-bar{width:min(420px,70vw);height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-top:22px}#ilFill{height:100%;width:0%;background:var(--sun, #FFB454);border-radius:3px;transition:width .25s ease}.il-pct{font:600 11px/1 ui-monospace,Consolas,monospace;color:#ffb454cc;letter-spacing:.1em}.click-ping{position:fixed;width:36px;height:36px;margin:-18px 0 0 -18px;border:2px solid #5ef5b0;border-radius:50%;pointer-events:none;z-index:140;box-shadow:0 0 12px #5ef5b059;animation:clickPing .5s cubic-bezier(.2,.7,.4,1) forwards}@keyframes clickPing{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}#quickBar{position:fixed;bottom:92px;left:50%;transform:translate(-50%);z-index:90;display:flex;gap:10px;transition:bottom .25s ease}#quickBar .tb{border-radius:99px;padding:9px 18px}#timeline.hidden~#quickBar{bottom:22px}#reportModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0406099e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}#reportModal.hidden{display:none}#reportBox{width:min(1000px,94vw);height:min(88vh,1000px);background:#0b0e12;border:1px solid rgba(255,255,255,.14);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}#reportBox header{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-bottom:1px solid rgba(255,255,255,.1);font:700 12px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e8ecf2cc}#reportBox header .spacer{flex:1}#reportBox header button{background:var(--glass);border:1px solid var(--line);border-radius:8px;color:var(--dim);font:600 12px/1 system-ui,sans-serif;padding:7px 12px;cursor:pointer}#reportBox header button:hover{color:var(--text)}#repFrame{flex:1;border:0;background:#0b0e12}#splitLine{position:fixed;top:0;bottom:0;width:2px;z-index:60;background:#fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%);pointer-events:none}#splitHandle{position:fixed;top:50%;z-index:70;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#222;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 2px 16px #00000080;-webkit-user-select:none;user-select:none;touch-action:none}.scanTag{position:fixed;top:62px;z-index:65;font:700 12px/1 system-ui,sans-serif;letter-spacing:.04em;padding:6px 12px;border-radius:7px;background:#0a0d10b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}#labelA{color:var(--scan-a);border:1px solid rgba(111,178,255,.35)}#labelB{color:var(--sun);border:1px solid rgba(255,180,84,.35)}#timeline{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:4px;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:6px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scan-btn{display:flex;align-items:center;gap:10px;padding:9px 16px;background:transparent;border:0;border-radius:9px;color:var(--dim);cursor:pointer;transition:all .18s}.scan-btn:hover{background:#ffffff12;color:var(--text)}.scan-btn.active{background:var(--sun-soft);color:#fff}.scan-num{font-size:17px;font-weight:800;color:#ffffff2e;transition:color .18s}.scan-btn.active .scan-num{color:var(--sun)}.scan-info{display:flex;flex-direction:column;gap:2px;text-align:left}.scan-date{font-size:12.5px;font-weight:700}.scan-sub{font-size:10px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}.panel{position:fixed;top:62px;right:14px;z-index:95;width:304px;max-height:calc(100vh - 86px);overflow-y:auto;background:var(--glass);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 16px 16px}.panel.left{left:14px;right:auto;width:286px}.panel.left.low{top:auto;bottom:22px;max-height:46vh}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.panel header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ttl{font-weight:700;font-size:13px;letter-spacing:.02em}.readout{font:500 11px/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sun)}.tabs{display:flex;gap:4px;margin-bottom:12px;background:#ffffff0d;border-radius:9px;padding:3px}.tab{flex:1;padding:6px 0;border:0;border-radius:7px;background:transparent;color:var(--dim);font:600 11.5px/1 system-ui,sans-serif;cursor:pointer}.tab.on{background:#ffffff17;color:var(--text)}section .row{margin-bottom:11px}section .row:last-child{margin-bottom:2px}.row.two{display:flex;gap:10px;align-items:end}.row.two>*{flex:1}label{display:block;color:var(--dim);font-size:11.5px;font-weight:600}label input,label select{display:block;width:100%;margin-top:4px;background:#ffffff0f;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:6px 8px;font:500 12px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}label input:focus,label select:focus{outline:1px solid rgba(255,180,84,.5)}.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.check input{width:auto;margin:0;accent-color:var(--sun)}.slider{position:relative}.slider output{float:right;color:var(--text);font:500 11px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin-top:2px;background:transparent;padding:0;border:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--sun) var(--fill, 50%),rgba(255,255,255,.12) var(--fill, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);box-shadow:0 0 0 1px #ffb45466;cursor:grab}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1f}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--sun)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);cursor:grab}.time-row{display:flex;gap:8px;align-items:center;margin-top:10px}.time-row input[type=date]{flex:1;background:#ffffff0f;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:6px 8px;font:500 12px/1 ui-monospace,Consolas,monospace;color-scheme:dark}.clock{min-width:70px;text-align:right;font:700 15px/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sun)}.play{width:32px;height:30px;border-radius:7px;border:1px solid rgba(255,180,84,.4);background:var(--sun-soft);color:var(--sun);font-size:12px;cursor:pointer}.play.on{background:var(--sun);color:#1a1205}.presets{display:flex;gap:5px;margin:10px 0 12px}.presets button{flex:1;padding:6px 0;background:#ffffff0d;border:1px solid var(--line);border-radius:7px;color:var(--dim);font:600 10.5px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}.presets button:hover{color:var(--sun);border-color:#ffb45459}.divider{margin:14px 0 10px;color:var(--dim);font:700 10.5px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.divider:after{content:"";flex:1;height:1px;background:var(--line)}#sunpath{display:block;width:100%;border-radius:10px;cursor:crosshair;touch-action:none}.hint{color:var(--dim);font-size:10.5px;line-height:1.4;margin-bottom:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.grid2 button,.primary{padding:8px 6px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--text);font:600 11px/1.2 system-ui,sans-serif;cursor:pointer}.grid2 button:hover{border-color:#ffb45466}.grid2.nums{grid-template-columns:1fr 1fr}.primary{display:block;width:100%;margin-bottom:4px;background:var(--sun-soft);border-color:#ffb45466;color:var(--sun)}.seg{display:flex;gap:0;margin-bottom:10px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;padding:7px 0;background:transparent;border:0;color:var(--dim);font:600 11px/1 system-ui,sans-serif;cursor:pointer}.seg button.on{background:var(--sun-soft);color:var(--sun)}.toolrow{display:flex;gap:6px;align-items:center;margin-bottom:8px}.toolrow button{flex:1;padding:7px 0;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--text);font:600 11px/1 system-ui,sans-serif;cursor:pointer}.toolrow button:hover{border-color:#ffb45466}.toolrow button.on{background:var(--sun-soft);border-color:#ffb45480;color:var(--sun)}.toolrow .cnt{min-width:42px;text-align:right;color:var(--dim);font:500 10.5px/1 ui-monospace,Consolas,monospace}.chip{position:fixed;left:14px;bottom:14px;z-index:90;padding:7px 12px;background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--dim);font:500 11px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .4s}.badge{position:fixed;left:14px;top:62px;z-index:90;padding:7px 11px;background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--text);font:600 11px/1.5 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:pre}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:300;padding:9px 16px;background:#14181deb;border:1px solid rgba(255,180,84,.4);border-radius:10px;color:var(--sun);font:600 12px/1 system-ui,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hidden{display:none!important}@media (max-width: 760px){#topbar{height:48px;gap:6px;padding:0 10px}#topbar .tb span{display:none}#topbar .tb{padding:8px 11px}#title{display:none}#scanChip{font-size:10px;padding:4px 9px}.panel,.panel.left{width:calc(100vw - 28px)}#loadChip{display:none}#quickBar{bottom:calc(72px + env(safe-area-inset-bottom));gap:6px;width:max-content;max-width:96vw}#quickBar .tb{padding:8px 12px;font-size:11px;gap:5px}#quickBar .tb span{display:inline}#timeline{bottom:calc(10px + env(safe-area-inset-bottom));padding:4px 6px;gap:2px}.scan-btn{padding:7px 10px;gap:7px}.scan-num{font-size:14px}.scan-date{font-size:11.5px;white-space:nowrap}.scan-sub{font-size:9px}#timeline.hidden~#quickBar{bottom:calc(14px + env(safe-area-inset-bottom))}.scanTag{font-size:11px}#reportBox{width:100vw;height:100dvh;border-radius:0;border:0}}