:root{--teal-950:#07211c;--teal-900:#0b3b36;--teal-800:#0e5c4f;--teal-700:#147a63;--teal-600:#199b7c;--teal-500:#31c48d;--teal-100:#d8f5e8;--teal-50:#edfaf3;--indigo-900:#232a63;--indigo-700:#3d46b0;--indigo-500:#646fd8;--indigo-100:#e4e6fb;--indigo-50:#f0f1fd;--mint:#31c48d;--mint-soft:#e3f7ee;--amber:#f0a83c;--amber-soft:#fdf3e0;--coral:#e46a5e;--coral-soft:#fdeae8;--coral-deep:#b3402f;--ink:#16241f;--ink-2:#43554e;--ink-3:#7b8c85;--ink-4:#aab8b1;--line:#e3e9e6;--line-strong:#cfd9d4;--bg:#f6f7f5;--bg-card:#fff;--bg-inset:#eef2f0;--track:#e8edeb;--dm-bg:#121716;--dm-card:#1b2220;--dm-inset:#232b28;--dm-line:#2e3834;--dm-ink:#e7efeb;--dm-ink-2:#a9b8b1;--dm-ink-3:#77857f;--bg-app:var(--bg);--bg-surface:var(--bg-card);--bg-inset-app:var(--bg-inset);--border-app:var(--line);--border-strong:var(--line-strong);--text-1:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--text-inv:#fff;--brand:var(--teal-800);--brand-strong:var(--teal-900);--brand-soft:var(--teal-50);--accent:var(--teal-500);--focus-ring:#147a6359;--shadow-1:0 1px 2px #0f28210d, 0 8px 24px #0f28210f;--shadow-2:0 2px 6px #0f282112, 0 10px 28px #0f28211a;--shadow-3:0 6px 18px #0f28211f, 0 20px 44px #0f282129;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--frame-w:400px;--frame-h:832px;--safe-top:14px;--safe-bottom:12px;--font-body:"Manrope", -apple-system, "Segoe UI", system-ui, sans-serif;--font-display:"Sora", "Manrope", system-ui, sans-serif}html[data-theme=dark]{--bg-app:var(--dm-bg);--bg-surface:var(--dm-card);--bg-inset-app:var(--dm-inset);--border-app:var(--dm-line);--border-strong:#3a4540;--text-1:var(--dm-ink);--text-2:var(--dm-ink-2);--text-3:var(--dm-ink-3);--brand:var(--teal-500);--brand-strong:#2ea476;--brand-soft:#31c48d1f;--text-inv:#0b3b36;--mint-soft:#31c48d24;--amber-soft:#f0a83c29;--coral-soft:#e46a5e29;--coral-deep:#f0938a;--shadow-1:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-2:0 2px 6px #00000073, 0 10px 28px #00000073;--shadow-3:0 6px 18px #00000080, 0 20px 44px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:radial-gradient(1200px 800px at 85% -10%, #31c48d14, transparent 60%), radial-gradient(1000px 700px at -10% 110%, #646fd812, transparent 55%), var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}#root{height:100%}::selection{background:#31c48d4d}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-stage{justify-content:center;align-items:center;gap:22px;height:100%;padding:20px;display:flex}.phone-frame{width:var(--frame-w);height:var(--frame-h);background:var(--bg-app);max-width:100%;max-height:100%;box-shadow:0 0 0 2px #ffffff0f, var(--shadow-3);border:10px solid #101613;border-radius:44px;flex-direction:column;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .phone-frame{border-color:#060907}.phone-notch{z-index:60;pointer-events:none;background:#101613;border-radius:20px;width:118px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.h-display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);font-size:25px;font-weight:800}.h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);font-size:20px;font-weight:700}.h2{font-family:var(--font-display);color:var(--text-1);font-size:16px;font-weight:700}.body{color:var(--text-2);font-size:14px;line-height:1.5}.body-strong{color:var(--text-1);font-size:14px;font-weight:700}.caption{color:var(--text-3);font-size:12px;font-weight:600;line-height:1.45}.mono-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.btn{font-family:var(--font-body);color:var(--text-1);background:var(--bg-surface);border:1px solid var(--border-app);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 18px;font-size:15px;font-weight:800;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--brand);color:#fff;border-color:#0000;box-shadow:0 6px 16px #0e5c4f47}html[data-theme=dark] .btn.primary{color:var(--teal-950)}.btn.danger{background:var(--coral-soft);color:var(--coral-deep);border-color:#0000}.btn.ghost{color:var(--brand);background:0 0;border-color:#0000}.btn.subtle{background:var(--brand-soft);color:var(--brand);border-color:#0000}.btn.sm{border-radius:11px;gap:6px;min-height:36px;padding:7px 12px;font-size:13px}.btn.block{width:100%}.btn.loading{pointer-events:none;position:relative;color:#0000!important}.btn.loading:after{content:"";border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;position:absolute}html[data-theme=dark] .btn.loading:after{border-color:#07211c4d;border-top-color:var(--teal-950)}.card{background:var(--bg-surface);border:1px solid var(--border-app);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card.pad{padding:16px}.chip{background:var(--bg-inset-app);color:var(--text-2);border:1px solid var(--border-app);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip.mint{background:var(--mint-soft);color:var(--teal-700);border-color:#0000}html[data-theme=dark] .chip.mint{color:var(--teal-500)}.chip.amber{background:var(--amber-soft);color:#a06a10;border-color:#0000}html[data-theme=dark] .chip.amber{color:#f2bd6c}.chip.coral{background:var(--coral-soft);color:var(--coral-deep);border-color:#0000}.chip.indigo{background:var(--indigo-50);color:var(--indigo-700);border-color:#0000}html[data-theme=dark] .chip.indigo{color:#aab1f5;background:#646fd82e}.chip.dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.input,.select{width:100%;font-family:var(--font-body);color:var(--text-1);background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:14px;min-height:50px;padding:13px 14px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input::placeholder{color:var(--ink-4);font-weight:500}html[data-theme=dark] .input::placeholder{color:var(--dm-ink-3)}.field{flex-direction:column;gap:7px;display:flex}.label{color:var(--text-2);font-size:13px;font-weight:800}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237b8c85' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.scroll-y{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-y:auto}.scroll-y::-webkit-scrollbar{width:5px}.scroll-y::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.scroll-x{scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes confettiDrop{0%{opacity:0;transform:translateY(-6%)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(360px)rotate(300deg)}}.anim-in{animation:.34s cubic-bezier(.22,.9,.3,1) both slideUpIn}.anim-pop{animation:.28s cubic-bezier(.22,.9,.3,1) both popIn}.anim-fade{animation:.25s both fadeIn}.skeleton{background:linear-gradient(100deg, var(--bg-inset-app) 40%, var(--bg-surface) 50%, var(--bg-inset-app) 60%);background-size:200% 100%;border-radius:12px;animation:1.4s linear infinite skeletonShimmer}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite livePulse}.screen-enter{animation:.26s cubic-bezier(.22,.9,.3,1) both screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-viewport{top:calc(var(--safe-top) + 34px);z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;left:12px;right:12px}.toast{pointer-events:auto;background:var(--teal-950);color:#eafaf3;box-shadow:var(--shadow-2);border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:700;animation:.28s cubic-bezier(.22,.9,.3,1) both slideUpIn;display:flex}html[data-theme=dark] .toast{color:var(--teal-950);background:#eafaf3}.toast.error{background:var(--coral-deep);color:#fff}.toast.warn{color:#fff;background:#a06a10}.divider{background:var(--border-app);border:none;height:1px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.spacer{flex:1}.text-brand{color:var(--brand)}.text-coral{color:var(--coral-deep)}.text-mint{color:var(--teal-700)}html[data-theme=dark] .text-mint{color:var(--teal-500)}.text-amber{color:#a06a10}html[data-theme=dark] .text-amber{color:#f2bd6c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.otp-row{justify-content:center;gap:9px;display:flex}.otp-box{text-align:center;width:47px;height:58px;font-family:var(--font-display);color:var(--text-1);background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:13px;font-size:24px;font-weight:700}.otp-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.seg{background:var(--bg-inset-app);border:1px solid var(--border-app);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{font-family:var(--font-body);color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 6px;font-size:12.5px;font-weight:800;transition:background .15s,color .15s}.seg button.on{background:var(--bg-surface);color:var(--text-1);box-shadow:var(--shadow-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}