:root{--paper:oklch(97.8% .002 250);--paper-2:oklch(99.9% .001 250);--paper-3:oklch(95.2% .003 250);--ink:oklch(22.5% .008 260);--ink-2:oklch(46% .009 260);--ink-3:oklch(63.5% .008 260);--line:oklch(22.5% .008 260/.11);--line-2:oklch(22.5% .008 260/.06);--sand:oklch(90.5% .004 250);--sand-2:oklch(86.5% .005 250);--accent:oklch(42% .06 255);--on-accent:oklch(97.5% .012 95);--r-lg:26px;--r-md:18px;--r-sm:12px;--r-pill:999px;--scrim:oklch(20% .02 250/.28);--shadow-sheet:0 -10px 40px oklch(20% .02 250/.18);--shadow-pop:0 10px 30px oklch(20% .02 250/.2);--grotesk:"Hanken Grotesk", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}.app{--accent-soft:color-mix(in oklab, var(--accent) 12%, var(--paper-2));--accent-line:color-mix(in oklab, var(--accent) 32%, var(--paper-2))}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body,#root{height:100%;margin:0}body{background:oklch(90% .003 250);justify-content:center;align-items:center;min-height:100dvh;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.stage{background:var(--paper);border-radius:46px;width:402px;height:874px;max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(72% .01 250/.4),0 40px 90px oklch(20% .02 250/.28)}@media (width<=440px){body{background:var(--paper)}.stage{width:100vw;height:100dvh;max-height:none;box-shadow:none;border-radius:0}}.app{background:var(--paper);height:100%;color:var(--ink);font-family:var(--grotesk);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;flex-direction:column;padding-top:50px;padding-bottom:8px;display:flex;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{width:0;height:0}.pad{padding:0 20px}.stack{flex-direction:column;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500}.display{letter-spacing:-.035em;text-wrap:balance;font-size:33px;font-weight:800;line-height:1.02}.h1{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.08}.h2{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.15}.body{color:var(--ink-2);text-wrap:pretty;font-size:16px;line-height:1.45}.lede{color:var(--ink-2);text-wrap:pretty;font-size:18px;line-height:1.38}.small{color:var(--ink-3);font-size:13.5px;line-height:1.4}.ink{color:var(--ink)}.accent-text{color:var(--accent)}.btn{appearance:none;cursor:pointer;font-family:var(--grotesk);letter-spacing:-.01em;border-radius:var(--r-pill);transition:transform .18s var(--ease), background .2s var(--ease), opacity .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-size:16px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.972)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-line{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn-block{width:100%}.btn-lg{padding:17px 24px;font-size:17px}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:active{transform:none}.chip{appearance:none;cursor:pointer;font-family:var(--grotesk);letter-spacing:-.01em;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);transition:all .16s var(--ease);-webkit-tap-highlight-color:transparent;white-space:nowrap;padding:9px 15px;font-size:14px;font-weight:600}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.card{background:var(--paper-2);border-radius:var(--r-lg);box-shadow:0 1px 2px oklch(25% .01 70/.04),0 6px 22px oklch(25% .01 70/.05)}.well{background:var(--paper-3);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line-2)}.divider{background:var(--line);height:1px}.door{text-align:left;cursor:pointer;background:var(--paper-2);border-radius:var(--r-md);width:100%;box-shadow:inset 0 0 0 1px var(--line);transition:transform .18s var(--ease), box-shadow .2s;-webkit-tap-highlight-color:transparent;font-family:var(--grotesk);border:0;align-items:center;gap:14px;padding:18px;display:flex}.door:active{transform:scale(.985)}.door-hero{background:var(--accent);box-shadow:none}.door-hero .door-t,.door-hero .door-s{color:var(--on-accent)}.door-hero .door-s{opacity:.78}.door-locked{opacity:.5;cursor:default}.door-locked:active{transform:none}.door-ic{border-radius:var(--r-sm);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.door-hero .door-ic{background:color-mix(in oklab, var(--on-accent) 18%, transparent);color:var(--on-accent)}.door-tx{flex:1;min-width:0}.door-t{letter-spacing:-.02em;color:var(--ink);font-size:17px;font-weight:700}.door-s{color:var(--ink-3);margin-top:1px;font-size:13.5px}.ph{border-radius:var(--r-sm);background-color:var(--sand);background-image:repeating-linear-gradient(-45deg, transparent 0, transparent 7px, color-mix(in oklab, var(--sand-2) 70%, transparent) 7px, color-mix(in oklab, var(--sand-2) 70%, transparent) 8px);box-shadow:inset 0 0 0 1px var(--line-2);align-items:flex-end;display:flex;position:relative;overflow:hidden}.ph-cap{font-family:var(--mono);letter-spacing:.02em;color:oklch(40% .02 75);background:color-mix(in oklab, var(--paper-2) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;margin:7px;padding:3px 7px;font-size:10.5px;font-weight:500}.tray-mini .ph-cap{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:5px;overflow:hidden}.topbar{z-index:3;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 8px;display:flex;position:relative}.topbar-btn{border-radius:var(--r-pill);cursor:pointer;width:38px;height:38px;color:var(--ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.topbar-btn:active{background:var(--line-2)}.wordmark{letter-spacing:-.02em;align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.wordmark .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}@keyframes rise{0%{transform:translateY(9px)}to{transform:none}}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .5s var(--ease) backwards}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.11s}.rise-3{animation-delay:.17s}.rise-4{animation-delay:.23s}}.meter{background:var(--sand);border-radius:999px;height:7px;overflow:hidden}.meter>i{background:var(--accent);height:100%;transition:width .6s var(--ease);border-radius:999px;display:block}.fade-key{animation:rise .45s var(--ease) both}