:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf2f8;font-synthesis:none;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.home{background:radial-gradient(circle at 18% 75%,#10345b 0,#0000 34%),#07111f;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:100vh;padding:8vh 8vw;display:grid}.hero{max-width:720px}.eyebrow{color:#64d2ff;letter-spacing:.18em;font-size:.72rem;font-weight:800}.hero h1{margin:.4em 0 .3em;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:400;line-height:.92}.hero h1 em{color:#64d2ff;font-weight:400}.hero p{color:#9eb1c3;max-width:580px;font-size:1.08rem;line-height:1.7}.card{background:#0c1b2c;border:1px solid #1d3348;border-radius:20px;max-width:620px;padding:34px;box-shadow:0 30px 80px #0007}.step{color:#64d2ff;letter-spacing:.1em;margin-bottom:28px;font:700 .78rem/1 ui-monospace,monospace}.step span{color:#eaf2f8;margin-left:12px;font-family:inherit}.card label{color:#b8c6d2;margin:18px 0 8px;font-size:.82rem;display:block}.card input{color:#fff;background:#081522;border:1px solid #294157;border-radius:9px;outline:none;width:100%;padding:14px}.card input:focus{border-color:#64d2ff}.url-field{background:#081522;border:1px solid #294157;border-radius:9px;align-items:center;display:flex;overflow:hidden}.url-field span{color:#6f879a;white-space:nowrap;padding-left:13px}.url-field input{border:0;padding-left:4px}.drop{text-align:center;cursor:pointer;background:#0a1826;border:1px dashed #3a5973;border-radius:12px;padding:25px}.drop input{display:none}.drop strong,.drop small{display:block}.drop small{color:#6f879a;margin-top:7px}.primary{color:#04101c;cursor:pointer;background:#64d2ff;border:0;border-radius:9px;width:100%;margin-top:18px;padding:15px;font-weight:800}.primary:disabled{opacity:.5}.notice{color:#6f879a;text-align:center;margin:18px 0 0;font-size:.74rem}.progress{background:#081522;border-radius:8px;height:38px;margin-top:14px;position:relative;overflow:hidden}.progress div{background:#123e5a;height:100%;transition:all .2s}.progress span{place-items:center;font-size:.76rem;display:grid;position:absolute;inset:0}.error{color:#ff8d8d}.result{align-items:center;gap:8px;margin-top:14px;display:flex}.result a{text-overflow:ellipsis;color:#64d2ff;overflow:hidden}.result button,.viewer-shell header button{color:#d9e5ee;cursor:pointer;background:0 0;border:1px solid #355068;border-radius:7px;margin-left:auto;padding:8px 12px}.viewer-shell{background:#020508;grid-template:"header"64px"toolbar"52px"view"1fr/1fr;height:100vh;display:grid;overflow:hidden}.viewer-shell.with-sidebar{grid-template-columns:280px 1fr;grid-template-areas:"header header""toolbar toolbar""sidebar view"}.viewer-shell header{background:#07111f;border-bottom:1px solid #172331;grid-area:header;align-items:center;gap:26px;padding:0 22px;display:flex}.viewer-shell header div{flex-direction:column;min-width:0;display:flex}.viewer-shell header strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-shell header small{color:#718496;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.brand{color:#64d2ff;letter-spacing:.18em;font-weight:900;text-decoration:none}.toolbar{background:#0b1622;border-bottom:1px solid #182737;grid-area:toolbar;align-items:center;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.toolbar button{color:#aabac8;cursor:pointer;white-space:nowrap;background:#132435;border:1px solid #0000;border-radius:8px;min-height:38px;padding:7px 12px;transition-property:background-color,color,border-color,transform;transition-duration:.15s}.toolbar button:hover{color:#fff;background:#1b3044;border-color:#29455e}.toolbar button:active{transform:scale(.96)}.toolbar button.active{color:#fff;background:#286a8c;border-color:#58b9e8;box-shadow:0 0 0 1px #0b1823,0 0 20px #2f9ac833}.toolbar .sidebar-toggle{color:#dceaf3}.toolbar span{color:#60778a;margin-left:10px;font-size:.75rem}.toolbar button span{color:inherit;font-size:inherit;margin:0}.toolbar b{color:#c5d3de;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font:600 .78rem ui-monospace,monospace}.series-panel{background:#08121d;border-right:1px solid #172b3d;flex-direction:column;grid-area:sidebar;min-height:0;display:flex}.series-heading{color:#cbd8e2;border-bottom:1px solid #172b3d;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.series-heading span{color:#76cdf4;background:#152a3c;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font:700 .7rem ui-monospace,monospace;display:grid}.series-list{min-height:0;padding:8px;overflow:auto}.series-list>button{text-align:left;color:#9fb1c0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:52px 1fr;align-items:center;gap:10px;width:100%;min-height:72px;margin-bottom:6px;padding:8px;transition-property:background-color,border-color,transform;transition-duration:.15s;display:grid}.series-list>button:hover{background:#0d1d2b;border-color:#20384d}.series-list>button:active{transform:scale(.98)}.series-list>button.selected{background:#10283a;border-color:#2f7195;box-shadow:inset 3px 0 #64d2ff}.series-list>button>div:last-child{min-width:0}.series-list strong,.series-list small{display:block}.series-list strong{color:#d4dfe7;white-space:nowrap;text-overflow:ellipsis;font-size:.79rem;overflow:hidden}.series-list small{color:#687e90;margin-top:5px;font-size:.68rem}.series-thumb{color:#78cbed;outline-offset:-1px;background:radial-gradient(circle,#28465c,#101e2b);border-radius:7px;outline:1px solid #ffffff13;place-items:center;height:52px;font:800 .65rem ui-monospace,monospace;display:grid;position:relative}.series-thumb b{color:#8195a5;font-size:.55rem;position:absolute;bottom:3px;right:4px}.shortcuts{color:#657b8d;border-top:1px solid #172b3d;grid-template-columns:1fr 1fr;gap:7px 10px;padding:12px 15px 15px;font-size:.64rem;display:grid}.shortcuts b{color:#9eb0be;text-transform:uppercase;letter-spacing:.09em;grid-column:1/-1}.shortcuts span{align-items:center;gap:4px;display:flex}.shortcuts kbd{color:#a9bbc8;background:#10202e;border:1px solid #31485b;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:600 .58rem ui-monospace,monospace}.viewport-wrap{background:radial-gradient(circle,#091018 0,#010204 72%);grid-area:view;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport{width:100%;height:100%;min-height:0;overflow:hidden}.cinebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.35;background:#07131ee6;border:1px solid #294158;border-radius:12px;align-items:center;gap:12px;width:min(620px,70%);padding:9px 13px;transition-property:opacity,transform;transition-duration:.18s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.cinebar:hover,.cinebar:focus-within{opacity:1;transform:translate(-50%)translateY(-2px)}.cinebar input{accent-color:#64d2ff;cursor:pointer;flex:1}.cinebar span{color:#b8c9d5;font-variant-numeric:tabular-nums;white-space:nowrap;font:600 .68rem ui-monospace,monospace}.viewport-hint{color:#71889a;pointer-events:none;opacity:.65;background:#07131ebd;border-radius:7px;padding:6px 10px;font-size:.66rem;position:absolute;top:14px;left:50%;transform:translate(-50%)}.viewer-message{text-align:center;place-content:center;min-height:100vh;display:grid}.viewer-message a{color:#64d2ff}@media (max-width:850px){.home{grid-template-columns:1fr;padding:50px 20px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.hero br{display:none}.url-field{display:block}.url-field span{padding:10px 13px 0;font-size:.72rem;display:block}.viewer-shell,.viewer-shell.with-sidebar{grid-template:"header"58px"toolbar"50px"view"1fr/1fr}.viewer-shell header{gap:12px;padding:0 10px}.viewer-shell header button{padding:7px 8px}.toolbar>span{display:none}.series-panel{z-index:20;width:min(310px,88vw);position:fixed;top:108px;bottom:0;left:0;box-shadow:20px 0 50px #000b}.shortcuts{display:none}.cinebar{opacity:.7;width:85%;bottom:12px}.viewport-hint{display:none}}.report-picker{cursor:pointer;background:#091725;border:1px solid #294157;border-radius:10px;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex!important}.report-picker input{display:none}.report-picker span{min-width:0}.report-picker strong,.report-picker small{display:block}.report-picker strong{color:#d6e1e9;font-size:.8rem}.report-picker small{color:#647c8f;margin-top:4px;font-size:.68rem}.report-picker em{color:#7ed5f7;white-space:nowrap;text-overflow:ellipsis;background:#10283a;border-radius:7px;max-width:50%;margin-left:auto;padding:7px 10px;font-size:.72rem;font-style:normal;overflow:hidden}.report-link{color:#bdeaff;white-space:nowrap;background:#10293b;border:1px solid #2f6b87;border-radius:8px;align-items:center;gap:7px;min-height:38px;margin-left:auto;padding:7px 11px;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.report-link span{color:#08141f;background:#64d2ff;border-radius:4px;padding:2px 4px;font-size:.54rem}.report-link+button{margin-left:0!important}.add-report{cursor:pointer}.add-report input{display:none}.toolbar .tool-divider{background:#263a4c;flex:0 0 1px;width:1px;height:25px;margin:0 3px}.toolbar button.measure{color:#bdebdc;background:#122d2b}.toolbar button.measure:hover{border-color:#387c70}.toolbar button.measure.active{color:#effff9;background:#217565;border-color:#6de1ca;box-shadow:0 0 0 1px #0b1823,0 0 20px #36c0a233}.toolbar button.danger{color:#e6b4b4}.toolbar button.danger.active{color:#fff;background:#78363d;border-color:#e1848d;box-shadow:0 0 0 1px #0b1823,0 0 20px #d8515e33}.zoom-controls{background:#0d1e2c;border:1px solid #294156;border-radius:8px;align-items:center;display:flex;overflow:hidden;flex-direction:row!important}.zoom-controls button{min-width:38px;padding:7px 9px;font-weight:700;background:0 0!important;border:0!important;border-radius:0!important}.zoom-controls button+button{border-left:1px solid #294156!important}.zoom-controls button:nth-child(2){font-size:.68rem;font-weight:600}.zoom-controls button:hover{color:#fff;background:#19354a!important}.toolbar button>kbd{color:#bad0df;background:#0b1925;border:1px solid #496176;border-bottom-width:2px;border-radius:4px;place-items:center;min-width:17px;margin-left:5px;padding:1px 4px;font:700 .55rem ui-monospace,monospace;display:inline-grid}.toolbar button.active>kbd{color:#07131d;background:#d8f4ff;border-color:#b9eaff}.toolbar button.measure.active>kbd{background:#c9faef;border-color:#adf5e6}.toolbar button.danger.active>kbd{color:#421117;background:#ffe5e8;border-color:#ffd0d5}