:root{--bg:#0e0e13;--card:#181821;--card2:#1c1c26;--line:#22222c;--line2:#262634;--text:#f2f1f7;--muted:#a9a6bd;--muted2:#a9a6bd;--soft:#c9c6d8;--accent:#ff6b8b;--accent2:#9b6bff;--grad:linear-gradient(90deg, #ff6b8b, #9b6bff);--gift:#ffd66b;--up:#6bffb8;--warn:#ffb86b;--lilac:#c9a8ff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.4 -apple-system,SF Pro Text,Helvetica Neue,Inter,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit;resize:none;background:0 0;border:none;outline:none;width:100%}.app{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.screen.no-tab{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.pad{padding:14px 16px}.top{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;align-items:center;gap:10px;padding:10px 16px 12px;display:flex;position:sticky;top:0}.top .back{color:var(--text);background:0 0;border:none;padding-right:4px;font-size:22px}.brand{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.pill{background:var(--card2);color:var(--soft);white-space:nowrap;border-radius:20px;margin-left:auto;padding:6px 12px;font-size:13px}.card{background:var(--card);border-radius:18px;padding:14px}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.small{font-size:13px}.tiny{font-size:11px}.up{color:var(--up)}.down{color:var(--accent)}.btn{color:#fff;background:var(--grad);border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700}.btn.secondary{color:var(--text);background:#22222d}.btn:disabled{opacity:.45}.chip{background:var(--card2);color:var(--text);border:none;border-radius:20px;margin:0 6px 8px 0;padding:8px 14px;font-size:14px;display:inline-block}.chip.on{background:var(--grad);color:#fff;font-weight:600}.chip.idea{background:#1f1a2b;border:1px solid #9b6bff88}.react{white-space:nowrap;background:#22222d;border-radius:14px;align-items:center;gap:4px;margin-right:6px;padding:4px 9px;font-size:13px;display:inline-flex}.gift{color:#1a1a24;background:linear-gradient(90deg,#ffd66b,#ffb86b);border-radius:12px;padding:9px 12px;font-size:13px;font-weight:800;line-height:1.3}.badge{color:var(--warn);letter-spacing:.02em;background:#2a2236;border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.row{align-items:center;gap:10px;display:flex}.why{border-bottom:1px solid var(--line2);justify-content:space-between;padding:7px 0;font-size:14px;display:flex}.why:last-child{border-bottom:none}.slot{aspect-ratio:3/4;background:#20202b;border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.slot.on{background:linear-gradient(135deg,#3a2147,#21324a)}.bar{background:var(--line2);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar i{background:var(--grad);height:6px;display:block}.opt{text-align:left;width:100%;color:var(--text);background:#1c1a26;border:1px solid #9b6bff66;border-radius:14px;margin-bottom:8px;padding:12px 14px}.label{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:12px}.tabbar{width:100%;max-width:430px;height:calc(78px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:10;background:#121219;justify-content:space-around;padding-top:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:11px;display:flex}.tabbar button b{font-size:20px;font-weight:400}.tabbar button.on{color:var(--accent)}.bottom-cta{width:100%;max-width:430px;padding:12px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);z-index:9;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sheet-bg{z-index:20;background:#08080cbf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#1a1a24;border-radius:26px;width:100%;max-width:430px;max-height:92dvh;margin:0 12px 24px;padding:22px;overflow:auto}.tg{background:#0e1621;min-height:100dvh}.tgb{background:#182533;border-radius:16px 16px 16px 6px;max-width:86%;margin-bottom:6px;padding:10px 12px}.tgbtn{color:#8cc8ff;text-align:center;background:#1f2f3f;border:none;border-radius:10px;width:86%;max-width:86%;margin-top:5px;padding:10px;font-size:14px;display:block}.toast{z-index:30;background:#262636;border:1px solid #ff6b8b66;border-radius:16px;align-items:center;gap:10px;width:calc(100% - 32px);max-width:398px;padding:10px 12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}@keyframes rise{0%{opacity:.95;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}.float-react{pointer-events:none;animation:2.4s ease-out forwards rise;position:absolute}html.shot .app{width:390px;max-width:390px}html.shot .tabbar,html.shot .bottom-cta{max-width:390px}html.shot .toast{max-width:358px}html.shot .sheet{max-width:366px}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.pop{opacity:0;animation:.25s ease-out forwards pop}html.shot .pop{opacity:1;animation:none}.confetti{pointer-events:none;border-radius:26px;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:7px;height:12px;animation:1.6s ease-in forwards fall;position:absolute;top:-10px}@keyframes fall{to{opacity:0;transform:translateY(560px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.pop{opacity:1;animation:none}.confetti,.float-react{display:none}}