:root{--bg:#0b1218;--floor:#111c25;--surface:#16222dd1;--surface-solid:#16222d;--line:#27394a;--ink:#e8eef3;--muted:#9fb0bf;--ok:#3ecf8e;--ok-soft:#3ecf8e24;--ok-glow:#3ecf8e80;--warn:#f2c14e;--warn-soft:#f2c14e24;--warn-glow:#f2c14e80;--bad:#ff6b5e;--bad-soft:#ff6b5e24;--bad-glow:#ff6b5e8c;--info:#5aa9ff;--info-soft:#5aa9ff24;--info-glow:#5aa9ff80;--brand:#71101e;--brand-ink:#fff;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--r-1:6px;--r-2:10px;--r-3:16px;--shadow-1:0 2px 8px #00000059;--shadow-2:0 12px 32px #00000080;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Cormorant Garamond", "EB Garamond", Georgia, serif;--fs-0:calc(clamp(.72rem, .7rem + .1vw, .78rem));--fs-1:calc(clamp(.82rem, .8rem + .15vw, .9rem));--fs-2:calc(clamp(.95rem, .9rem + .2vw, 1.05rem));--fs-3:calc(clamp(1.2rem, 1.1rem + .5vw, 1.5rem));--fs-4:calc(clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem));--t-fast:.15s;--t-base:.3s;--t-slow:.6s;--ease:cubic-bezier(.2, .7, .2, 1);--z-floor:0;--z-scene:1;--z-anchor:2;--z-hud:3;--z-hand:4;--z-modal:5;--z-toast:6;--topbar-h:56px;--side-w:400px}*,:after,:before{box-sizing:border-box}#app,body,html{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-1);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);line-height:1.45;overflow:hidden}body,h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;min-height:36px}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--info);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.btn{border-radius:var(--r-2);padding:var(--s-3) var(--s-5);background:var(--surface-solid);border:0;border:1px solid var(--line);font-weight:600}.btn--primary{background:var(--brand);color:var(--brand-ink);border-color:#0000}.btn:hover:not(:disabled){filter:brightness(1.15)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-gutter:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{margin:0 var(--s-3);background:0 0}::-webkit-scrollbar-thumb{background:var(--line);-webkit-transition:background var(--t-fast);transition:background var(--t-fast);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--info);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-36px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes blink{50%{opacity:.35}}.fx-pulse{animation:pulse-ring var(--t-slow) var(--ease) infinite;transform-box:fill-box;transform-origin:50%}.fx-float{animation:float-up calc(var(--t-slow) * 1.5) var(--ease) forwards}.fx-shake{animation:shake var(--t-slow) var(--ease)}.fx-blink{animation:1.6s ease-in-out infinite blink}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.by[data-v-1eec50c7]{color:var(--muted);transition:color var(--t-fast),border-color var(--t-fast);border-bottom:1px solid #0000;align-items:center;gap:.75em;padding:.5em 0;font-size:1rem;text-decoration:none;display:inline-flex}.lead[data-v-1eec50c7]{font-family:var(--font-serif);font-size:1.1em;font-style:italic}img[data-v-1eec50c7]{opacity:.78;width:auto;height:3.2em;transition:opacity var(--t-fast);display:block}.by[data-v-1eec50c7]:focus-visible,.by[data-v-1eec50c7]:hover{color:var(--ink);border-bottom-color:var(--line)}.by:focus-visible img[data-v-1eec50c7],.by:hover img[data-v-1eec50c7]{opacity:1}.unsupported[data-v-044d1051]{z-index:var(--z-toast);padding:var(--s-5) var(--s-5) var(--s-4);background:radial-gradient(520px 360px at 50% 38%,#71101e52,transparent 70%),var(--bg);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow-y:auto}header[data-v-044d1051]{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}footer[data-v-044d1051]{padding-top:var(--s-4);border-top:1px solid var(--line);justify-content:center;display:flex}.logo[data-v-044d1051]{font-size:.9rem}main[data-v-044d1051]{align-content:center;justify-items:center;gap:var(--s-4);max-width:28rem;padding:var(--s-5) 0;text-align:center;margin:0 auto;display:grid}.devices[data-v-044d1051]{width:calc(min(70vw,240px));margin-bottom:var(--s-3);fill:none;stroke-linecap:round;stroke-linejoin:round}.shape[data-v-044d1051]{stroke:var(--muted);stroke-width:1.25px}.screen[data-v-044d1051]{stroke:var(--info);stroke-width:1.5px}.screen circle[data-v-044d1051]{fill:var(--info);stroke:none}.eyebrow[data-v-044d1051]{align-items:center;gap:var(--s-3);color:var(--muted);font-size:var(--fs-0);letter-spacing:.18em;text-transform:uppercase;font-weight:600;display:flex}.eyebrow[data-v-044d1051]:after,.eyebrow[data-v-044d1051]:before{content:"";background:var(--line);width:2rem;height:1px}h1[data-v-044d1051]{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;font-size:calc(clamp(2rem,9vw,2.75rem));font-weight:500;line-height:1.12}h1 em[data-v-044d1051]{color:var(--ink);background:linear-gradient(#0000 86%,#71101ee6 0);font-style:italic;font-weight:600}.note[data-v-044d1051]{max-width:30ch;color:var(--muted);font-size:var(--fs-1);line-height:1.65}.by[data-v-044d1051]{font-size:1.05rem}@media (height<=520px){.devices[data-v-044d1051],.note[data-v-044d1051]{display:none}main[data-v-044d1051]{gap:var(--s-3);padding:var(--s-3) 0}}