@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=Geist+Mono:wght@400;500&family=Geist:wght@300;400;500;600&display=swap";:root{--bg:#fafaf7;--bg-elevated:#fff;--bg-subtle:#f2f1ed;--ink:#1a1a17;--ink-soft:#5c5c57;--ink-muted:#9a9a94;--line:#e8e7e2;--accent:#2d5f3f;--accent-soft:#e8f0ea;--danger:#b84a3f;--danger-soft:#f5e6e4;--shadow-sm:0 1px 2px #1a1a170a;--shadow-md:0 4px 20px #1a1a170f;--shadow-lg:0 12px 40px #1a1a171a;--radius:20px;--radius-sm:12px}@media (prefers-color-scheme:dark){:root{--bg:#131312;--bg-elevated:#1c1c1a;--bg-subtle:#222220;--ink:#f2f1ec;--ink-soft:#b8b8b0;--ink-muted:#6e6e68;--line:#2a2a27;--accent:#7fb894;--accent-soft:#1f2e24;--danger:#d97b6f;--danger-soft:#2e1f1c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 12px 40px #00000080}}[data-theme=light]{--bg:#fafaf7;--bg-elevated:#fff;--bg-subtle:#f2f1ed;--ink:#1a1a17;--ink-soft:#5c5c57;--ink-muted:#9a9a94;--line:#e8e7e2;--accent:#2d5f3f;--accent-soft:#e8f0ea;--danger:#b84a3f;--danger-soft:#f5e6e4}[data-theme=dark]{--bg:#131312;--bg-elevated:#1c1c1a;--bg-subtle:#222220;--ink:#f2f1ec;--ink-soft:#b8b8b0;--ink-muted:#6e6e68;--line:#2a2a27;--accent:#7fb894;--accent-soft:#1f2e24;--danger:#d97b6f;--danger-soft:#2e1f1c}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background:var(--bg);height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0;font-family:Geist,-apple-system,sans-serif;font-weight:400;overflow:hidden}#root{background:var(--bg);height:100%;overflow:hidden}.font-display{font-family:Fraunces,serif}.font-mono{font-family:Geist Mono,monospace}.phone-frame{background:var(--bg);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.scroll-area{overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;padding-bottom:110px;overflow:hidden auto}.scroll-area::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s backwards fadeUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-up{animation:.3s ease-out slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-overlay{animation:.2s fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}