:root{color:#35405b;font-family:var(--sans);--paper:#f3f0fa;--paper-deep:#eae5f4;--sheet:#fdfcff;--ink:#35405b;--muted:#626b80;--line:#d8d2e7;--pencil:#755dc4;--pencil-deep:#6147aa;--pencil-wash:#e8e1fa;--pencil-light:#a69bdc;--highlight:#ddd4f6;--highlight-wash:#eae4fa;--sans:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;--display:var(--sans);background:#f3f0fa}*{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}:focus-visible{outline:2px solid var(--pencil);outline-offset:3px}h1,h2,h3,blockquote{font-family:var(--display)}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.brand-logo{object-fit:contain;flex:none;width:72px;height:72px;display:block}.lang-select{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;font:600 14px var(--sans);letter-spacing:.06em;background:0 0;border-radius:12px;min-height:44px;padding:8px 12px}.lang-select:hover{color:var(--ink)}.skip-link{z-index:1000;background:var(--sheet);color:var(--ink);border-radius:12px;padding:12px 20px;position:fixed;top:12px;left:24px;transform:translateY(-160%)}.skip-link:focus{transform:none}.not-found{max-width:760px;margin:10vh auto;padding:32px}.not-found h1{font-size:clamp(40px,8vw,72px)}.prerendered .cozy-plane,.prerendered .cozy-light,.remote-audio{display:none}.usage-settings{color:var(--muted);font-size:.875rem}.usage-settings-panel .usage-heading{font:600 14px/20px var(--sans);color:var(--ink);margin:0 0 8px}.usage-settings-panel label{justify-content:space-between}.usage-settings-panel p{margin:8px 0 0;font-size:13px}.usage-settings summary{cursor:pointer;min-height:44px;padding:12px 0}.usage-settings label{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.usage-settings input{accent-color:#655cc9;flex:none;width:20px;height:20px;margin:0}.usage-settings p{line-height:1.5}.opal-orb{aspect-ratio:1;isolation:isolate;pointer-events:none;flex:none;width:min(350px,100%);margin:0 auto;position:relative}.opal-orb:before{content:"";filter:blur(18px);background:#bba7e924;border-radius:50%;position:absolute;inset:20%}.opal-orb canvas{width:100%;height:100%;position:absolute;inset:0}.opal-compact{width:86px;margin:8px auto 0}.opal-symbol{color:var(--ink);font:600 28px var(--sans);place-items:center;display:grid;position:absolute;inset:0}.opal-fallback:before{filter:none;background:radial-gradient(at 25% 22%,#fffcff 0,#0000 48%),conic-gradient(from 40deg,#dcdaf8,#afa0e1,#e6d7f3,#b4b9eb,#dcdaf8);inset:12.5%;box-shadow:inset -4px -8px 24px #8c7fc329,inset 1px 2px 4px #fff}.opal-fallback canvas{visibility:hidden}.opal-connecting{animation:4s linear infinite opal-connect;animation-play-state:var(--orb-play-state,running);border:2px solid #9682cb;border-color:#9682cb #9682cb88 #0000 #0000;border-radius:50%;position:absolute;inset:10%}@keyframes opal-connect{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.opal-connecting{animation:none}}@media (width<=600px){.brand-logo{width:64px;height:64px}.brand{gap:8px}}