:root{--bg-0: #0E1116;--bg-1: #161A22;--bg-2: #1E232D;--bg-3: #262C38;--bg-inv: #F4F5F7;--text-1: #F4F5F7;--text-2: #B6BECC;--text-3: #8B95A7;--text-4: #5C6677;--red: #E63946;--red-deep: #B82A36;--red-glow: rgba(230,57,70,.32);--green: #2A9D8F;--green-deep: #1F7A70;--gold: #F4B860;--silver: #C7CDD6;--bronze: #C18A5A;--line-1: #2A3142;--line-2: #353D52;--line-soft: rgba(255,255,255,.06);--p1: #E63946;--p2: #4CC9F0;--p3: #F4B860;--p4: #2A9D8F;--p5: #B388FF;--p6: #FF8A5C;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--e-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.4);--e-2: 0 1px 0 rgba(255,255,255,.06) inset, 0 6px 24px rgba(0,0,0,.45);--e-3: 0 1px 0 rgba(255,255,255,.08) inset, 0 16px 40px rgba(0,0,0,.55);--ease: cubic-bezier(.32, .72, .24, 1)}*{box-sizing:border-box}.grain{position:relative}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border-radius:inherit}.phone{width:390px;height:844px;background:var(--bg-0);color:var(--text-1);font-family:var(--font-ui);font-size:15px;line-height:1.4;position:relative;overflow:hidden;border-radius:0}.statusbar{height:47px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums;position:relative;z-index:5}.statusbar .right{display:flex;gap:6px;align-items:center}.statusbar .notch{position:absolute;top:11px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:999px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:3px;background:#fff6;z-index:10;pointer-events:none}.btn{height:56px;border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-2);color:var(--text-1);font-family:var(--font-ui);font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:0 20px;transition:transform .12s var(--ease),background .12s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 1px #e6394600,0 8px 24px -10px #e6394699}.btn-ghost{background:transparent;border-color:var(--line-1)}.annotation{position:absolute;left:100%;top:14px;margin-left:18px;width:240px;padding:12px 14px;background:#fff8e1;color:#1a1a1a;font-family:var(--font-ui);font-size:12px;line-height:1.45;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 20px #00000040;pointer-events:none}.annotation:before{content:"";position:absolute;left:-7px;top:16px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #FFF8E1}.annotation b{font-weight:700}[data-hide-annotations] .annotation{display:none}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text-1);font-family:var(--font-ui);font-size:15px;line-height:1.4;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.app-shell{width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;max-width:480px;position:relative;background:var(--bg-0);padding-top:env(safe-area-inset-top,0)}@media (min-width: 481px){.app-shell{max-width:390px;min-height:844px;overflow:hidden;box-shadow:0 30px 80px -20px #0009;padding-top:0}body{display:flex;align-items:center;justify-content:center;padding:24px 0}}button{font:inherit;color:inherit;cursor:pointer}input,textarea,[contenteditable]{font:inherit;color:inherit;user-select:text;-webkit-user-select:text}.statusbar{height:47px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:600}.chalk-line{height:1px;background-image:linear-gradient(to right,rgba(255,255,255,.16) 0 6px,transparent 6px 12px);background-size:12px 1px}.btn{height:56px;border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-2);color:var(--text-1);font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;transition:transform .12s var(--ease),background .12s var(--ease);width:auto}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 24px -10px #e6394699}.btn-primary:hover{background:var(--red-deep)}.btn-ghost{background:transparent}.btn-block{width:100%}.card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--e-1)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-pill);background:var(--bg-3);color:var(--text-2);font-size:12px;font-weight:500;letter-spacing:.02em}.avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;font-family:var(--font-display);letter-spacing:.02em;border:1px solid var(--line-soft);flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:80px;height:80px;font-size:26px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:calc(64px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:#0e1116eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);display:flex;align-items:flex-start;padding-top:8px;z-index:20}@media (min-width: 481px){.tabbar{position:absolute;max-width:100%}}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-3);font-size:10px;font-weight:500;letter-spacing:.02em;padding:0;height:56px}.tabbar button.active{color:var(--red)}@keyframes pulseHit{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.animate-hit{animation:pulseHit .16s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .22s var(--ease)}