:root{--bg:#0c0e13;--surface:#151922;--surface-2:#1c212c;--border:#262c39;--text:#f1f3f8;--muted:#8b93a7;--faint:#5d6578;--accent:#7c6cff;--accent-2:#39d0c0;--accent-soft:#7c6cff24;--premium:linear-gradient(135deg, #7c6cff 0%, #39d0c0 100%);--danger:#ff6b7a;--success:#3ddc97;--radius:16px;--radius-sm:12px;--gutter:16px;--font:"Manrope", "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.4}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea{font:inherit;color:var(--text)}.app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.content{padding:0 var(--gutter) 120px;flex:1}.topbar{z-index:5;padding:14px var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0c0e13db;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.balance-chip{background:var(--accent-soft);white-space:nowrap;border:1px solid #7c6cff59;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.balance-chip small{color:var(--muted);font-weight:600}.hero{padding:22px 0 16px}.hello{color:var(--muted);margin-bottom:4px;font-size:14px}.h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.15}.h1 em{background:var(--premium);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.sub{color:var(--muted);margin:6px 0 0;font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;min-height:136px;padding:14px;transition:transform .12s,border-color .12s;display:flex;position:relative}.product:active{border-color:var(--accent);transform:scale(.98)}.product.premium{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--premium) border-box;border:1px solid #0000}.product-icon{background:var(--surface-2);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.product-name{font-size:15px;font-weight:700}.product-price{color:var(--muted);margin-top:auto;font-size:13px}.product-price b{color:var(--text)}.badge{letter-spacing:.06em;color:#0c0e13;background:var(--premium);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.badge.free{background:var(--success)}.stepper{grid-auto-flow:column;gap:6px;padding-top:16px;display:grid}.stepper span{background:var(--border);border-radius:4px;height:4px}.stepper span.done{background:var(--premium)}.step-label{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:800}.step-label small{color:var(--faint)}.field{margin-top:18px}.label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);outline:none;width:100%;padding:12px 14px;transition:border-color .12s}.textarea{resize:none;min-height:92px}.input:focus,.textarea:focus{border-color:var(--accent)}.hint{color:var(--muted);margin-top:6px;font-size:12px}.hint.error{color:var(--danger)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:600}.chip small{color:var(--muted);font-weight:600}.chip.active{border-color:var(--accent);background:var(--accent-soft)}.chip.active small{color:var(--text)}.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.theme-card{text-align:left;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);padding:0;overflow:hidden}.theme-card.active{border-color:var(--accent)}.slide-preview{aspect-ratio:16/9;padding:10% 8%;position:relative;overflow:hidden}.slide-preview .band{width:5%;position:absolute;top:0;bottom:0;left:0}.slide-preview .heading{margin-bottom:8%;font-size:11px;font-weight:800}.slide-preview .blocks{grid-template-columns:repeat(3,1fr);gap:6%;display:grid}.slide-preview .block{border-radius:4px;height:34px;padding:4px;font-size:6px;font-weight:700}.theme-name{padding:10px 12px;font-size:13px;font-weight:700}.summary{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-top:18px;overflow:hidden}.summary-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px;font-weight:800;display:flex}.summary-row{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr;gap:12px;padding:11px 14px;font-size:14px;display:grid}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.summary-row b{overflow-wrap:anywhere;font-weight:700}.actionbar{z-index:6;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #0c0e1300);position:fixed;bottom:0;left:0;right:0}.actionbar-inner{max-width:528px;margin:0 auto}.total{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.total>div{white-space:nowrap}.total b{font-size:22px;font-weight:800}.total s{color:var(--faint);margin-right:8px;font-size:15px}.total small{color:var(--muted);text-align:right;font-size:12px}.total small.short{color:var(--danger)}.buttons{gap:10px;display:flex}.btn{background:var(--premium);color:#0c0e13;border-radius:14px;flex:1;min-height:50px;padding:0 18px;font-size:15px;font-weight:800;transition:opacity .12s,transform .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);flex:none}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.tabbar{z-index:6;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#0c0e13eb;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:repeat(3,1fr);width:100%;max-width:528px;display:grid}.tab{color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:700;display:flex}.tab .icon{filter:grayscale();opacity:.7;font-size:20px}.tab.active{color:var(--text)}.tab.active .icon{filter:none;opacity:1}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-top:12px;padding:14px}.row{align-items:center;gap:12px;display:flex}.row .grow{flex:1;min-width:0}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.muted{color:var(--muted);font-size:13px}.status{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.status.done{color:var(--success);background:#3ddc9724}.status.progress{background:var(--accent-soft);color:#b8afff}.status.bad{color:var(--danger);background:#ff6b7a24}.link-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:700}.big-amount{letter-spacing:-.02em;margin:6px 0 2px;font-size:34px;font-weight:800}.copy-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.copy-row .value{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.timer{font-variant-numeric:tabular-nums;color:var(--accent-2);font-weight:800}.notice{border-radius:var(--radius-sm);color:#ffd76a;background:#ffc40014;border:1px solid #ffc40040;margin-top:12px;padding:12px 14px;font-size:13px}.center{text-align:center;place-items:center;gap:14px;min-height:70vh;padding:0 24px;display:grid}.big-emoji{font-size:56px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;min-height:136px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{z-index:20;border:1px solid var(--border);background:#2a3040;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}@media (width<=360px){.h1{font-size:23px}.product{min-height:124px}}