:root{--font-display: "Cormorant", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--r-xs: 8px;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--r-pill: 999px;--ease: cubic-bezier(.22,.61,.36,1);--ease-soft: cubic-bezier(.4,.14,.3,1)}[data-radius=sharp]{--r-xs: 3px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 10px;--r-pill: 10px}[data-radius=round]{--r-xs: 12px;--r-sm: 18px;--r-md: 26px;--r-lg: 38px;--r-xl: 48px;--r-pill: 999px}[data-brand=midnight]{--app-bg: oklch(.165 .018 318);--app-bg-2: oklch(.135 .016 318);--surface: oklch(.215 .021 320);--surface-2: oklch(.258 .024 322);--surface-3: oklch(.305 .026 324);--border: oklch(1 0 0 / .085);--border-2: oklch(1 0 0 / .16);--text: oklch(.965 .008 320);--text-2: oklch(.74 .016 320);--text-3: oklch(.55 .02 320);--glow: oklch(.62 .16 18 / .32);--grain: 0;--page-bg: radial-gradient(120% 90% at 50% -10%, oklch(.22 .03 330) 0%, oklch(.1 .014 318) 60%, oklch(.08 .01 318) 100%)}[data-brand=candlelit]{--app-bg: oklch(.182 .023 52);--app-bg-2: oklch(.15 .02 48);--surface: oklch(.232 .027 54);--surface-2: oklch(.278 .031 56);--surface-3: oklch(.33 .034 58);--border: oklch(1 0 0 / .1);--border-2: oklch(1 0 0 / .18);--text: oklch(.955 .022 72);--text-2: oklch(.76 .032 66);--text-3: oklch(.58 .036 60);--glow: oklch(.74 .13 72 / .3);--grain: 1;--page-bg: radial-gradient(125% 95% at 50% -8%, oklch(.27 .05 60) 0%, oklch(.12 .022 48) 62%, oklch(.09 .016 45) 100%)}[data-brand]{--accent: #b4324a;--accent-2: #8a3f78;--on-accent: #fff;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-line: color-mix(in oklab, var(--accent) 40%, transparent)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-ui);background:#0c0910;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}::selection{background:var(--accent-soft)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--page-bg);padding:18px;overflow:auto}.fitbox{width:max-content}.stage:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(40% 30% at 18% 12%,var(--glow) 0%,transparent 70%),radial-gradient(36% 26% at 84% 88%,var(--glow) 0%,transparent 72%);opacity:.8}.ambient-wordmark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:none;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.ambient-wordmark span{font-family:var(--font-display);font-style:italic;font-size:26vh;line-height:1;color:var(--text);opacity:.045;white-space:nowrap}.phone{position:relative;z-index:1;width:390px;height:844px;flex:0 0 auto;border-radius:54px;background:linear-gradient(160deg,#333237e6,#0e0d10e6);padding:11px;box-shadow:0 0 0 1.5px #ffffff14,0 2px 3px #ffffff24 inset,0 50px 90px -30px #000000d9,0 30px 60px -40px #000000b3}.phone__screen{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:var(--app-bg);display:flex;flex-direction:column}.phone__notch{position:absolute;top:11px;left:50%;transform:translate(-50%);width:120px;height:30px;border-radius:999px;background:#000;z-index:60;pointer-events:none}.phone__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none;opacity:calc(var(--grain, 0) * .5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:overlay}.statusbar{position:relative;z-index:58;height:54px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px 6px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--text)}.statusbar__icons{display:flex;align-items:center;gap:6px;opacity:.9}.statusbar__icons svg{display:block}.app{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth}.scroll::-webkit-scrollbar{display:none}.display{font-family:var(--font-display);font-weight:500;line-height:.98;letter-spacing:-.01em}.italic{font-style:italic}.mono{font-family:var(--font-mono);letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:.01em;border-radius:var(--r-pill);padding:17px 24px;transition:transform .18s var(--ease),box-shadow .25s var(--ease),opacity .2s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.975)}.btn--primary{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 88%,white 12%),var(--accent));color:var(--on-accent);box-shadow:0 1px #ffffff40 inset,0 12px 30px -10px var(--glow),0 2px 8px #0000004d}.btn--primary:hover{box-shadow:0 1px #ffffff4d inset,0 16px 38px -10px var(--glow),0 2px 10px #00000059}.btn--ghost{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.btn--ghost:hover{background:var(--surface-2)}.btn--quiet{color:var(--text-2);padding:10px 14px;font-size:14px}.btn--quiet:hover{color:var(--text)}.btn--block{width:100%}.btn--lg{padding:21px 28px;font-size:18px}.card{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border)}.tier{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:var(--r-pill);background:var(--accent-soft);color:color-mix(in oklab,var(--accent) 70%,var(--text));border:1px solid var(--accent-line)}.tier__pips{display:inline-flex;gap:3px}.tier__pip{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.3}.tier__pip.on{opacity:1}.deck{position:relative;overflow:hidden;border-radius:var(--r-sm);padding:14px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);border:1px solid var(--border);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s;text-align:left}.deck:hover{transform:translateY(-2px)}.deck[data-on="1"]{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 10px 24px -14px var(--glow)}.deck[data-on="1"]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,var(--accent-soft),transparent 65%)}.deck__art{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.switch{position:relative;width:42px;height:25px;flex:0 0 auto;border-radius:999px;background:var(--surface-3);transition:background .2s}.switch[data-on="1"]{background:var(--accent)}.switch i{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .2s var(--ease)}.switch[data-on="1"] i{transform:translate(17px)}.seg{position:relative;display:flex;padding:4px;border-radius:var(--r-pill);background:var(--app-bg-2);border:1px solid var(--border)}.seg button{flex:1;position:relative;z-index:1;padding:9px 6px;font-size:13px;font-weight:600;color:var(--text-2);transition:color .2s;border-radius:var(--r-pill)}.seg button[data-on="1"]{color:var(--on-accent)}.seg__thumb{position:absolute;top:4px;bottom:4px;border-radius:var(--r-pill);background:var(--accent);transition:left .26s var(--ease),width .26s var(--ease);box-shadow:0 4px 12px -4px var(--glow)}.field{width:100%;background:var(--app-bg-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px 16px;color:var(--text);font-size:16px;transition:border-color .2s,background .2s}.field::placeholder{color:var(--text-3)}.field:focus{outline:none;border-color:var(--accent-line);background:var(--app-bg)}.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:var(--r-pill);font-size:13.5px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--text-2);transition:all .18s}.chip[data-on="1"]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.14);opacity:0}}@keyframes rise{0%{transform:translateY(16px)}to{transform:translateY(0)}}@keyframes fade{0%{transform:translateY(7px)}to{transform:translateY(0)}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.92}55%{opacity:.97}70%{opacity:.88}}@keyframes dot-tick{0%,42%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.55);opacity:1}}@keyframes sheen{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes card-flip{0%{transform:translateY(24px) scale(.97)}to{transform:translateY(0) scale(1)}}.motion-ready .anim-rise{animation:rise .5s var(--ease) forwards}.motion-ready .anim-fade{animation:fade .5s var(--ease) forwards}.motion-ready .stagger>*{animation:rise .5s var(--ease) forwards}.motion-ready .fx-card{animation:card-flip .7s var(--ease) forwards}.motion-ready .fx-pop{animation:rise .34s var(--ease) forwards}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}[data-motion=subtle] .breathe-el{animation:none!important}@media (prefers-reduced-motion: reduce){.breathe-el{animation:none!important}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:59}.motion-ready .screen-enter{animation:fade .42s var(--ease) forwards}@media (min-width: 561px){.ambient-wordmark{display:flex}}@media (max-width: 560px){.stage{padding:0;overflow:hidden}.fitbox{width:100%;height:100%}.ambient-wordmark{display:none}.phone{width:100%;height:100dvh;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--app-bg);box-shadow:none}.phone__screen{border-radius:0}.phone__notch,.statusbar{display:none}}