*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-abyss: #232730;--color-deep: #404556;--color-mid: #4d5365;--color-surface: #4d5365;--color-elev: #5a6076;--color-surface-hover: #5a6076;--color-rule: #5e6478;--color-rule-soft: #494e5e;--color-border: var(--color-rule);--color-page: #ffffff;--color-text: #ffffff;--color-text-strong: #ffffff;--color-text-muted: #ffffff;--color-text-faint: #ffffff;--color-glow: #00bfd6;--color-glow-soft: #1adfeb;--color-glow-deep: #00859a;--color-glow-bg: rgba(0, 191, 214, .18);--color-glow-ring: rgba(0, 191, 214, .42);--color-reef: #ff5e44;--color-reef-soft: #ff8064;--color-reef-bg: rgba(255, 94, 68, .18);--color-primary: var(--color-glow);--color-primary-hover: var(--color-glow-deep);--color-primary-glow: var(--color-glow-ring);--color-accent: var(--color-reef);--color-accent-glow: var(--color-reef-bg);--color-status-pearl: #cfd6e2;--color-status-pearl-bg: rgba(207, 214, 226, .1);--color-status-brass: #d99a2e;--color-status-brass-bg: rgba(217, 154, 46, .2);--color-status-kelp: #1cd87f;--color-status-kelp-bg: rgba(28, 216, 127, .18);--color-status-sun: var(--color-status-brass);--color-status-sun-bg: var(--color-status-brass-bg);--color-status-gray: var(--color-status-pearl);--color-status-gray-bg: var(--color-status-pearl-bg);--color-status-amber: var(--color-status-sun);--color-status-amber-bg: var(--color-status-sun-bg);--color-status-green: var(--color-status-kelp);--color-status-green-bg: var(--color-status-kelp-bg);--color-danger: #f53b2c;--color-danger-hover: #d31f12;--radius-edge: 4px;--radius-sm: 6px;--radius: 14px;--radius-panel: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-glow: none;--shadow-panel: none;--shadow: none;--nav-height: 56px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-family: var(--font-sans);--ease: cubic-bezier(.2, .7, .2, 1);--t-fast: .14s;--t-med: .24s}html{font-family:var(--font-sans);font-size:18px;background-color:var(--color-page);color:var(--color-text);color-scheme:dark;accent-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility;transition:background-color .24s cubic-bezier(.2,.7,.2,1)}html[data-theme=dark]{--color-page: #0a1729}body{min-height:100vh;background:var(--color-page)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85) sepia(1) hue-rotate(150deg) saturate(4);cursor:pointer;opacity:.7;transition:opacity var(--t-fast) var(--ease)}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=date]:focus::-webkit-calendar-picker-indicator{opacity:1}input[type=date]{color:var(--color-text)}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:var(--color-text)}input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background:var(--color-glow-bg);color:#fff;outline:none}::selection{background:var(--color-glow-ring);color:var(--color-text-strong)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23a4a8b1' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:calc(100% - 12px) center;background-repeat:no-repeat;padding-right:2.25rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{width:100%;padding:calc(var(--nav-height) + 1rem) 1rem 2rem;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);position:relative}.header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-rule-soft)}.brand{display:flex;align-items:center;gap:var(--space-4)}.mark{width:44px;height:44px;flex-shrink:0}.brandText{display:flex;flex-direction:column;gap:2px}.eyebrow{font-family:var(--font-mono);font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#0a1729}html[data-theme=dark] .eyebrow{color:#fff}.title{font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:-.025em;line-height:1.05;color:#0a1729}.subtitle{color:#0a1729;font-size:.95rem;line-height:1.55;max-width:56ch;margin-top:var(--space-3)}html[data-theme=dark] .title,html[data-theme=dark] .subtitle{color:#fff}.app-section{flex:1}.footer{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--color-rule-soft);color:var(--color-text-faint);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-align:center}.topnav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:50;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:#ffffffb8;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--color-rule-soft)}html[data-theme=dark] .topnav{background:#0a1729b8}.topnav-brand{display:inline-flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;flex-shrink:0}.topnav-mark{width:32px;height:32px;display:block}.topnav-tabs{display:flex;align-items:stretch;gap:2px;list-style:none;margin:0;padding:0;flex:1}.topnav-tab{height:100%;display:inline-flex;align-items:center;padding:0 var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font-sans);font-size:.88rem;font-weight:500;color:#0a1729;opacity:.55;cursor:pointer;text-decoration:none;transition:opacity .14s ease,color .14s ease,border-color .14s ease}.topnav-tab:hover{opacity:.9}.topnav-tab[data-active]{opacity:1;color:#00bfd6;border-bottom-color:#00bfd6}html[data-theme=dark] .topnav-tab{color:#fff}html[data-theme=dark] .topnav-tab[data-active]{color:#00bfd6}.topnav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;color:#0a1729;cursor:pointer;transition:opacity .14s ease,transform .14s ease;flex-shrink:0}html[data-theme=dark] .topnav-hamburger{color:#fff}.topnav-hamburger:hover{opacity:.7}.topnav-hamburger:active{transform:scale(.96)}.topnav-hamburger svg{width:22px;height:22px;display:none}.topnav[data-menu-open=false] .hamburger-open,.topnav[data-menu-open=true] .hamburger-close{display:block}.themeToggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;color:#0a1729;cursor:pointer;transition:opacity .14s ease,transform .14s ease;flex-shrink:0}html[data-theme=dark] .themeToggle{color:#fff}.themeToggle:hover{opacity:.7}.themeToggle:active{transform:scale(.96)}.themeToggle svg{width:20px;height:20px}.themeToggle .themeIconSun{display:none}.themeToggle .themeIconMoon,html[data-theme=dark] .themeToggle .themeIconSun{display:block}html[data-theme=dark] .themeToggle .themeIconMoon{display:none}.header-howto{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.howto-body{flex:1;display:grid;grid-template-columns:1fr;gap:var(--space-4);align-content:start}@media(min-width:769px){.howto-body{grid-template-columns:1fr 1fr}}.howto-body-stacked{grid-template-columns:1fr;max-width:70ch;width:100%;margin-inline:auto}@media(min-width:769px){.howto-body-stacked{grid-template-columns:1fr}}.howto-intro{grid-column:1 / -1;color:#0a1729;font-size:1.05rem;line-height:1.55;margin:0 0 var(--space-3);max-width:70ch}html[data-theme=dark] .howto-intro{color:#fff}.howto-card{background:#ffffff8c;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:6px;padding:var(--space-4) var(--space-5) var(--space-5);color:#0a1729;position:relative}html[data-theme=dark] .howto-card{background:#0a17298c;color:#fff}.howto-card-featured{grid-column:1 / -1}.howto-num{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#00bfd6}.howto-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.015em;margin-top:4px;margin-bottom:10px}.howto-card p{font-size:.95rem;line-height:1.55}.howto-card p+p,.howto-card p+ol,.howto-card p+ul,.howto-card p+details,.howto-card p+aside,.howto-card details+details,.howto-card details+p,.howto-card ol+p,.howto-card ul+p,.howto-card aside+p{margin-top:var(--space-3)}.howto-steps{list-style:decimal;margin:0;padding-left:1.4em;font-size:.95rem;line-height:1.55}.howto-steps li+li{margin-top:6px}.howto-steps strong{font-weight:600}.howto-bullets{list-style:disc;margin:0;padding-left:1.4em;font-size:.95rem;line-height:1.55}.howto-bullets li+li{margin-top:6px}.howto-bullets strong{font-weight:600}.howto-note{grid-column:1 / -1;margin-top:var(--space-2);padding:var(--space-4) var(--space-5);border-left:3px solid #00bfd6;background:#00bfd614;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-radius:6px;color:#0a1729;font-size:.95rem;line-height:1.55}html[data-theme=dark] .howto-note{background:#00bfd624;color:#fff}.howto-note strong{font-weight:600}.howto-note-inline{grid-column:auto;margin:0;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.inline-link{background:transparent;border:none;padding:0;margin:0;font:inherit;color:var(--color-glow-deep);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--t-fast) var(--ease)}.inline-link:hover{color:var(--color-glow)}.inline-link:visited{color:var(--color-glow-deep)}.inline-link:focus-visible{outline:2px solid var(--color-glow);outline-offset:2px;border-radius:2px}html[data-theme=dark] .inline-link{color:var(--color-glow-soft)}html[data-theme=dark] .inline-link:hover{color:var(--color-glow)}html[data-theme=dark] .inline-link:visited{color:var(--color-glow-soft)}.howto-details{background:#ffffff8c;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:6px;color:#0a1729;transition:background-color var(--t-fast) var(--ease)}html[data-theme=dark] .howto-details{background:#0a17298c;color:#fff}.howto-details summary{padding:var(--space-3) calc(var(--space-5) + var(--space-3)) var(--space-3) var(--space-4);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;list-style:none;position:relative;user-select:none}.howto-details summary::-webkit-details-marker{display:none}.howto-details summary:after{content:"+";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:1.25rem;line-height:1;color:#00bfd6;font-family:var(--font-mono)}.howto-details[open] summary:after{content:"−"}.howto-details summary:hover{color:var(--color-glow-deep)}html[data-theme=dark] .howto-details summary:hover{color:var(--color-glow-soft)}.howto-details>*:not(summary){padding:0 var(--space-4) var(--space-3);font-size:.95rem;line-height:1.55}.howto-details ul{list-style:disc;padding-left:calc(var(--space-4) + 1.4em)}.howto-details li+li{margin-top:4px}.howto-details strong{font-weight:600}@media(max-width:720px){.topnav-hamburger{display:inline-flex}.topnav-tabs{display:none}.topnav[data-menu-open=true] .topnav-tabs{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;gap:0;padding:var(--space-2) var(--space-4);background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--color-rule-soft)}html[data-theme=dark] .topnav[data-menu-open=true] .topnav-tabs{background:#0a1729eb}.topnav[data-menu-open=true] .topnav-tab{width:100%;height:auto;padding:var(--space-3) var(--space-3);margin:0;border-bottom:1px solid var(--color-rule-soft);border-left:3px solid transparent;justify-content:flex-start}.topnav[data-menu-open=true] .topnav-tabs li:last-child .topnav-tab{border-bottom:none}.topnav[data-menu-open=true] .topnav-tab[data-active]{border-bottom-color:var(--color-rule-soft);border-left-color:#00bfd6}}@media(min-width:769px){.page{padding:calc(var(--nav-height) + 1.25rem) 2rem 2rem}.topnav{padding:0 2rem}.title{font-size:2.4rem}.subtitle{font-size:1rem}.mark{width:56px;height:56px}}@media(min-width:1025px){.page{padding:calc(var(--nav-height) + 1.5rem) 3rem 2rem}.topnav{padding:0 3rem}.title{font-size:2.75rem}}@media(min-width:1441px){.page{max-width:1400px;margin:0 auto}}body{overflow-x:hidden}.bg-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orbs .orb{position:absolute;border-radius:50%;background:transparent;border-style:solid;border-width:28px;filter:blur(40px);opacity:.7;will-change:transform}.orb-1{width:480px;height:480px;top:8%;left:-30%;border-color:#00bfd6;animation:drift-rt 735s linear infinite}.orb-2{width:360px;height:360px;top:25%;left:110%;border-color:#ff5e44;animation:drift-lt 410s linear infinite}.orb-3{width:280px;height:280px;top:110%;left:18%;border-color:#992862;animation:drift-up 235s linear infinite}.orb-4{width:540px;height:540px;top:-30%;left:70%;border-color:#d99a2e;animation:drift-dn 1000s linear infinite}.orb-5{width:220px;height:220px;top:80%;left:-25%;border-color:#1cd87f;animation:drift-rt 155s linear infinite}.orb-6{width:320px;height:320px;top:-25%;left:34%;border-color:#278996;animation:drift-dn 335s linear infinite}.orb-7{width:200px;height:200px;top:110%;left:52%;border-color:#d65e02;animation:drift-up 135s linear infinite}.orb-8{width:380px;height:380px;top:60%;left:110%;border-color:#00bfd6;animation:drift-lt 500s linear infinite}.orb-9{width:260px;height:260px;top:110%;left:88%;border-color:#ff5e44;animation:drift-ne 200s linear infinite}.orb-10{width:300px;height:300px;top:-25%;left:100%;border-color:#1cd87f;animation:drift-sw 280s linear infinite}@keyframes drift-rt{0%{transform:translate(0)}to{transform:translate(150vw)}}@keyframes drift-lt{0%{transform:translate(0)}to{transform:translate(-150vw)}}@keyframes drift-up{0%{transform:translate(0)}to{transform:translateY(-150vh)}}@keyframes drift-dn{0%{transform:translate(0)}to{transform:translateY(150vh)}}@keyframes drift-ne{0%{transform:translate(0)}to{transform:translate(-130vw,-130vh)}}@keyframes drift-sw{0%{transform:translate(0)}to{transform:translate(130vw,130vh)}}body>main,body>nav,body>*{position:relative;z-index:1}body>.bg-orbs{z-index:0}@media(prefers-reduced-motion:reduce){.bg-orbs .orb{animation:none}}