@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/newsreader-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Newsreader Fallback;src:local(Georgia);size-adjust:94%;ascent-override:96%;descent-override:28%;line-gap-override:0%}:root{--bg:#e8ecea;--surface:#f7f8f6;--surface-2:#dce2df;--line:#c2cbc7;--line-strong:#6f7b77;--text:#121b1f;--text-muted:#46535a;--accent:#23529e;--on-accent:#fff;--brass:#d9a93a;--brass-text:#7f5b0c;--focus:#23529e;--danger:#b3261e;--ok:#1f6b47;--plate-bg:#b9c6c4;--shadow:0 8px 24px #121b1f24;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-plate:0;--r-ctl:6px;--r-panel:12px;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-19:19px;--fs-23:23px;--fs-28:28px;--fs-33:33px;--fs-40:40px;--fs-48:48px;--font-ui:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Newsreader", "Newsreader Fallback", Georgia, serif;--t-panel:.15s ease-out;--t-press:80ms ease-out;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#151a2c;--surface:#1c2338;--surface-2:#252e48;--line:#323c5a;--line-strong:#66729a;--text:#e9ecf4;--text-muted:#a7afc6;--accent:#9db6ff;--on-accent:#151a2c;--brass:#f2c25b;--brass-text:#f2c25b;--focus:#f2c25b;--danger:#ff8a80;--ok:#6fd3a0;--plate-bg:#1e2a40;--shadow:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#151a2c;--surface:#1c2338;--surface-2:#252e48;--line:#323c5a;--line-strong:#66729a;--text:#e9ecf4;--text-muted:#a7afc6;--accent:#9db6ff;--on-accent:#151a2c;--brass:#f2c25b;--brass-text:#f2c25b;--focus:#f2c25b;--danger:#ff8a80;--ok:#6fd3a0;--plate-bg:#1e2a40;--shadow:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font:400 var(--fs-16)/1.55 var(--font-ui);-webkit-text-size-adjust:100%;margin:0}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:400}p{max-width:68ch;margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rt-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rt-skip{left:var(--sp-2);background:var(--surface);color:var(--text);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);border:1px solid var(--line-strong);z-index:20;position:absolute;top:-64px}.rt-skip:focus{top:var(--sp-2)}:root[data-route=landing] [data-only=tank],:root[data-route=tank] [data-only=landing]{display:none!important}i.sym{font-family:var(--font-serif);font-style:italic}.rt-top{align-items:center;gap:var(--sp-2);max-width:1180px;padding:var(--sp-2) var(--sp-4);min-height:56px;margin:0 auto;display:flex}.rt-brand{font:500 var(--fs-19)/1 var(--font-serif);color:var(--text);align-items:center;min-height:44px;margin-right:auto;text-decoration:none;display:inline-flex}.rt-nav{color:var(--text);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-ctl);font-size:var(--fs-14);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.rt-nav[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}main{max-width:1180px;padding:0 var(--sp-4) var(--sp-6);outline:none;margin:0 auto}.vbtn{justify-content:center;align-items:center;gap:var(--sp-2);font:500 var(--fs-14)/1 var(--font-ui);min-width:44px;min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--t-panel), transform var(--t-press);display:inline-flex}.vbtn:hover{background:var(--surface-2)}.vbtn:active{transform:translateY(1px)}.vbtn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.vbtn[aria-pressed=true],.vbtn[aria-checked=true],.pr-btn[aria-current=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.vbtn:disabled{opacity:.5;cursor:default}.rt-cta{min-height:48px;padding:0 var(--sp-5);border-radius:var(--r-ctl);background:var(--accent);color:var(--on-accent);font:600 var(--fs-16)/1 var(--font-ui);transition:transform var(--t-press);align-items:center;text-decoration:none;display:inline-flex}.rt-cta:active{transform:translateY(1px)}.ld-hero{gap:var(--sp-3) var(--sp-6);padding:var(--sp-4) 0 var(--sp-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.ld-hero h1{font-variation-settings:"opsz" 72;letter-spacing:-.01em;grid-column:1/-1;max-width:14ch;font-size:clamp(40px,6.5vw,80px);font-weight:360;line-height:1.04}.ld-hero p{font-size:var(--fs-19);color:var(--text-muted);max-width:52ch}@media (min-width:900px){.ld-hero{padding-top:var(--sp-3)}.ld-hero h1{max-width:20ch;font-size:clamp(40px,5vw,64px)}}@media (max-width:899px){.ld-hero{grid-template-columns:1fr}.ld-hero p{font-size:var(--fs-16)}}.tk-grid{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}:root[data-route=tank] .tk-grid{grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){:root[data-route=tank] .tk-grid{grid-template-columns:minmax(0,1fr) 300px}}.pl-col{min-width:0}.pl-ruler{border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(90deg, var(--line-strong) 0 1px, transparent 1px calc(100% / 24));height:18px;font-size:var(--fs-12);color:var(--text-muted);background-position:bottom;background-repeat:no-repeat;background-size:100% 6px;margin-right:56px;position:relative}.pl-ruler span{background:var(--bg);padding:0 2px;line-height:1;position:absolute;top:-2px;transform:translate(-50%)}.pl-row{align-items:stretch;gap:0;display:flex}:root[data-route=landing] .pl-col{min-width:min(100%,320px);max-width:calc(160svh - 472px)}.pl-stack{aspect-ratio:8/5;border:1px solid var(--line-strong);border-radius:var(--r-plate);background:var(--plate-bg);flex:1;min-width:0;position:relative;overflow:hidden}.plate,.pl-ov{width:100%;height:100%;display:block;position:absolute;inset:0}.plate{touch-action:none;cursor:crosshair}.pl-ov{pointer-events:none}:root[data-route=landing] .plate{pointer-events:none;touch-action:pan-y;cursor:default}.pl-empty{inset:auto 0 var(--sp-4) 0;text-align:center;pointer-events:none;font:500 var(--fs-16)/1.3 var(--font-ui);color:var(--text);position:absolute}.pl-empty span{background:var(--surface);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);border:1px solid var(--line-strong)}.sc-strip{border:1px solid var(--line-strong);background:var(--surface);border-left:0;flex:none;width:56px;display:block}.cap{font:400 var(--fs-16)/1.4 var(--font-serif);margin-top:var(--sp-3);max-width:72ch;min-height:45px}.cap-fig{font-weight:600}.cap-ok{color:var(--ok);font:600 var(--fs-14) var(--font-ui);margin-left:var(--sp-2);white-space:nowrap}.tl-bar{gap:var(--sp-2);margin-top:var(--sp-3);flex-direction:column;display:flex}.tl-row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.tl-rail{gap:var(--sp-2);padding-bottom:var(--sp-1);scrollbar-width:thin;flex-wrap:nowrap;display:flex;overflow-x:auto}.tl-rail .vbtn{flex:none}.tl-sep{background:var(--line-strong);width:1px;margin:0 var(--sp-1);flex:none;align-self:stretch}.sizes{gap:var(--sp-1);flex:none;display:inline-flex}.tl-t{display:none}@media (min-width:1024px){.tl-rail{flex-wrap:wrap;overflow:visible}.tl-t{display:inline}}.ct-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.ct-tabs{gap:var(--sp-1);display:none}.ct-tabs .vbtn{flex:1}.ct-sec h2{font-size:var(--fs-19);margin-bottom:var(--sp-2)}.ct-field{align-items:center;gap:var(--sp-2);font-size:var(--fs-14);grid-template-columns:5.5em minmax(0,1fr);display:grid}.ct-field input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);margin:0}.ct-field input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.ct-out{font-size:var(--fs-14);color:var(--text-muted);min-height:21px}.ct-views{gap:var(--sp-2);flex-wrap:wrap;display:flex}.legend{font-size:var(--fs-14);color:var(--text-muted);margin-top:var(--sp-2);min-height:63px}.pr-list{gap:var(--sp-2);flex-direction:column;display:flex}.pr-btn{text-align:left;width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;font:500 var(--fs-14)/1.3 var(--font-ui);display:block}.pr-btn small{font-weight:400;font-size:var(--fs-12);opacity:.85;margin-top:2px;display:block}.pr-btn:hover{background:var(--surface-2)}.pr-btn[aria-current=true]:hover{background:var(--accent)}@media (max-width:1023px){.ct-tabs{display:flex}.ct-panel{z-index:4;border-radius:var(--r-panel) var(--r-panel) 0 0;margin:0 calc(var(--sp-4) * -1);border-left:0;border-right:0;max-height:30svh;position:sticky;bottom:0;overflow-y:auto}.ct-panel[data-tab=waves] .ct-sec:not([data-sec=waves]),.ct-panel[data-tab=view] .ct-sec:not([data-sec=view]),.ct-panel[data-tab=presets] .ct-sec:not([data-sec=presets]),.ct-sec h2{display:none}}#toast{left:50%;bottom:var(--sp-4);z-index:30;gap:var(--sp-3);background:var(--text);max-width:min(92vw,560px);color:var(--bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-panel);box-shadow:var(--shadow);font-size:var(--fs-14);opacity:1;transition:opacity var(--t-panel), transform var(--t-panel);align-items:center;display:flex;position:fixed;transform:translate(-50%)}#toast:empty,#toast[hidden]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}#toast .vbtn{min-height:44px;color:inherit;background:0 0;border-color:currentColor}.help,.ob-coach{z-index:25;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow);padding:var(--sp-4);max-width:420px;transition:opacity var(--t-panel), transform var(--t-panel);position:fixed}.help{inset:72px var(--sp-4) auto var(--sp-4);width:calc(100% - 32px);margin:0 auto}.help[hidden],.ob-coach[hidden]{display:none}.help h2{font-size:var(--fs-23);margin-bottom:var(--sp-2)}.help ul{margin:0 0 var(--sp-3);padding-left:var(--sp-5);font-size:var(--fs-14)}.help kbd{font:500 var(--fs-12) var(--font-ui);border:1px solid var(--line-strong);background:var(--surface-2);border-radius:3px;padding:1px 5px}.ob-coach{left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);width:auto;margin:0 auto}.ob-coach p{font-size:var(--fs-14);margin:var(--sp-1) 0 var(--sp-3)}.ob-coach h2{font-size:var(--fs-19)}.hb{padding-top:var(--sp-7);gap:var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}.hb h2{font-size:var(--fs-33)}.hb dl{gap:var(--sp-4);max-width:68ch;margin:0;display:grid}.hb dt{font:600 var(--fs-16) var(--font-ui)}.hb dd{margin:var(--sp-1) 0 0;color:var(--text-muted)}.hb figure{max-width:520px;margin:0}.hb svg{background:var(--surface);border:1px solid var(--line);width:100%;height:auto;display:block}.hb figcaption{font:400 var(--fs-14)/1.4 var(--font-serif);margin-top:var(--sp-2);color:var(--text-muted)}@media (min-width:900px){.hb{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start}.hb h2{grid-column:1/-1}}.rt-foot{max-width:1180px;padding:var(--sp-5) var(--sp-4) var(--sp-6);font-size:var(--fs-14);color:var(--text-muted);border-top:1px solid var(--line);margin:0 auto}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (min-width:1024px){:root[data-route=tank] .pl-col{min-width:560px;max-width:calc(160svh - 424px)}}@media (min-width:900px){.ld-hero h1{white-space:nowrap;max-width:none;font-size:clamp(36px,3.6vw,52px);line-height:1.08}.ld-hero p{font-size:var(--fs-16);max-width:64ch}:root[data-route=landing] .pl-col{max-width:calc(160svh - 376px)}}.ct-out,.cap,#wl,.pr-btn small{font-variant-numeric:lining-nums}.ct-out{min-height:1.6em;display:block}#cap-text{display:inline}.cap{min-height:3.2em}@media (max-width:1023px){#toast{left:var(--sp-4);right:var(--sp-4);width:auto;max-width:none;bottom:var(--sp-3);justify-content:space-between;transform:none}#toast:empty,#toast[hidden]{transform:translateY(8px)}.ob-coach{top:64px;bottom:auto}}
