:root{--bg:#0c0d10;--bg2:#15161a;--card:#1b1d23;--card2:#212430;--card3:#262a36;--border:#2e323d;--amber:#e0a82e;--amber-dk:#b9861f;--amber-hi:#f2c14e;--green:#3ba55d;--red:#ed4245;--blue:#4a9eff;--text:#f0f0ee;--dim:#9aa0a6;--dim2:#6b7078;--grad:linear-gradient(135deg,var(--amber),var(--amber-dk))}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:var(--text)}a{color:var(--amber);text-decoration:none}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg2);display:flex;flex-direction:column;position:relative;box-shadow:0 0 60px #00000080}@media (min-width:520px){.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 6px;flex-shrink:0}.appbar .title{font-size:20px;font-weight:800;letter-spacing:-.3px}.appbar .title.sm{font-size:16px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#141414;flex-shrink:0}.avatar.blue{background:linear-gradient(135deg,#4a9eff,#2b6cb8);color:#fff}.avatar.green{background:linear-gradient(135deg,#3ba55d,#237a46);color:#fff}.avatar.purple{background:linear-gradient(135deg,#9b59b6,#6d3a82);color:#fff}.avatar.grey{background:#33363f;color:var(--dim)}.icon-btn{width:38px;height:38px;border-radius:12px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.icon-btn.amber{background:var(--amber);border-color:var(--amber);color:#141414}.icon-btn svg{width:18px;height:18px}.scr-body{flex:1;overflow-y:auto;padding:8px 16px calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.scr-body.no-tab{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px}.card.glow{background:linear-gradient(135deg,#e0a82e29,#e0a82e0d);border-color:#e0a82e66}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;white-space:nowrap}.chip.amber{background:#e0a82e24;color:var(--amber-hi)}.chip.green{background:#3ba55d26;color:#5fd08a}.chip.red{background:#ed424524;color:#f0797c}.chip.grey{background:#9aa0a621;color:var(--dim)}.chip.blue{background:#4a9eff24;color:#7db8ff}.chip.pad{padding:7px 13px;font-size:11.5px}.btn{border-radius:14px;font-weight:800;font-size:14px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%}.btn.amber{background:var(--grad);color:#141414;box-shadow:0 6px 20px #e0a82e4d}.btn.ghost{background:var(--card2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--card2);color:#f0797c;border:1px solid var(--border)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;pointer-events:none}.btn.sm{padding:9px 14px;font-size:12.5px;border-radius:11px;width:auto}.gsi-wrap{position:relative;width:100%}.gsi-hit{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gsi-hit iframe{width:100%!important;height:100%!important}.gsi-face{position:relative;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dim2)}.input,select.input,textarea.input{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 15px;font-size:14px;color:var(--text);width:100%;outline:none}.input:focus{border-color:var(--amber)}.input::placeholder{color:var(--dim2)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea.input{resize:vertical;min-height:70px}.form-error{background:#ed42451a;border:1px solid rgba(237,66,69,.35);color:#f0797c;border-radius:12px;padding:10px 13px;font-size:12.5px;font-weight:600}.progress{height:6px;border-radius:3px;background:#2b2f3a;overflow:hidden}.progress i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber-dk),var(--amber))}.list-row{display:flex;align-items:center;gap:11px;padding:11px 12px;background:var(--card);border:1px solid var(--border);border-radius:15px;width:100%;text-align:left}.row-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-icon svg{width:18px;height:18px}.row-main{flex:1;min-width:0}.row-main b{font-size:13.5px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main span{font-size:11px;color:var(--dim);display:block;margin-top:2px}.row-end{text-align:right;flex-shrink:0}.row-end b{font-size:13px;font-weight:800;display:block}.row-end span{font-size:10.5px;color:var(--dim)}.sect-label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim2);margin:2px 2px -4px}.sect-row{display:flex;align-items:center;justify-content:space-between;margin:2px 2px -4px}.sect-row .sect-label{margin:0}.sect-row a,.sect-row button{font-size:11.5px;font-weight:700;color:var(--amber)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 13px}.stat .ic{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat .ic svg{width:15px;height:15px}.stat b{font-size:17px;font-weight:800;display:block}.stat span{font-size:10.5px;color:var(--dim)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#15161aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:40}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;font-weight:700;color:var(--dim2);width:56px;background:none;border:none;padding:4px 0}.tab svg{width:21px;height:21px}.tab.active{color:var(--amber)}.tab-fab{width:54px;height:54px;border-radius:18px;background:var(--grad);display:flex;align-items:center;justify-content:center;margin-top:-28px;box-shadow:0 8px 24px #e0a82e73;border:4px solid var(--bg2);color:#141414}.tab-fab svg{width:24px;height:24px}.tab-fab.live{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e0a82e66,0 8px 24px #e0a82e73}50%{box-shadow:0 0 0 8px #e0a82e00,0 8px 24px #e0a82e73}}.timer-ring{position:relative;width:220px;height:220px;margin:4px auto}.timer-ring svg{transform:rotate(-90deg)}.timer-ring .ring-bg{stroke:#262a36}.timer-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-center b{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px}.timer-center span{font-size:11px;color:var(--dim);margin-top:2px}.msg{max-width:78%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.45}.msg.in{background:var(--card2);border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start}.msg.out{background:var(--grad);color:#1a1a1a;border-bottom-right-radius:5px;align-self:flex-end;font-weight:600}.msg small{display:block;font-size:9.5px;opacity:.65;margin-top:3px;text-align:right}.msg .who{font-size:10px;font-weight:800;color:var(--amber-hi);margin-bottom:2px}.chat-input{flex-shrink:0;padding:8px 12px calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);background:#15161af0}.chat-input .input{flex:1;padding:11px 14px}.send-btn{width:40px;height:40px;border-radius:13px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#141414}.bars{display:flex;align-items:flex-end;gap:7px;height:80px;padding:0 2px}.bars .b{flex:1;border-radius:5px 5px 2px 2px;background:#2b2f3a;position:relative;height:100%}.bars .b i{position:absolute;bottom:0;left:0;right:0;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--amber-hi),var(--amber-dk))}.seg{display:flex;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;text-align:center;font-size:11.5px;font-weight:700;padding:8px 0;border-radius:9px;color:var(--dim);background:none;border:none}.seg button.on{background:var(--amber);color:#141414}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;position:relative}.plan-card.hot{border-color:var(--amber);background:linear-gradient(180deg,rgba(224,168,46,.08),var(--card))}.plan-badge{position:absolute;top:-9px;right:12px;background:var(--amber);color:#141414;font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.5px}.empty{text-align:center;color:var(--dim2);font-size:13px;padding:32px 20px;line-height:1.6}.empty .big{font-size:34px;margin-bottom:8px}.toggle{width:42px;height:24px;border-radius:12px;background:var(--amber);position:relative;flex-shrink:0;border:none}.toggle:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#141414;transition:left .15s}.toggle.off{background:#33363f}.toggle.off:after{left:3px;right:auto;background:#9aa0a6}.muted{opacity:.6}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-box{flex:1;display:flex;align-items:center;justify-content:center}.logo-mark{width:88px;height:88px;border-radius:26px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #e0a82e66}.logo-mark svg{width:46px;height:46px}.logo-mark.sm{width:60px;height:60px;border-radius:19px}.logo-mark.sm svg{width:32px;height:32px}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card3);border:1px solid var(--amber);color:var(--text);padding:11px 18px;border-radius:13px;font-size:13px;font-weight:700;z-index:90;box-shadow:0 10px 30px #00000080;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.sheet .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet .panel{position:relative;width:100%;max-width:480px;background:var(--bg2);border:1px solid var(--border);border-bottom:none;border-radius:24px 24px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:up .25s ease}@keyframes up{0%{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}.grab{width:40px;height:4px;border-radius:2px;background:#3a3e49;margin:0 auto 4px}