*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0d12;--surface:#111722;--card:#151d2a;--elevated:#1d2736;--input:#0f1520;--border:#263244;--text:#edf3fb;--text-sec:#a8b3c4;--text-tri:#778397;--text-qua:#586579;--brand:#f0b90b;--brand-bg:rgba(240,185,11,.1);--brand-border:rgba(240,185,11,.25);--up:#16c784;--up-bg:rgba(22,199,132,.1);--up-border:rgba(22,199,132,.25);--down:#ea3943;--down-bg:rgba(234,57,67,.1);--down-border:rgba(234,57,67,.25);--blue:#3b82f6;--blue-bg:rgba(59,130,246,.1);--purple:#a78bfa;--purple-bg:rgba(167,139,250,.1);--shadow:0 18px 50px rgba(0,0,0,.26);--mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=light]{--bg:#f4f7fb;--surface:#ffffff;--card:#ffffff;--elevated:#eef3f9;--input:#f6f8fb;--border:#dfe7f1;--text:#172033;--text-sec:#4e5f78;--text-tri:#7b8ba3;--text-qua:#a2adbd;--brand:#b98100;--brand-bg:rgba(185,129,0,.09);--brand-border:rgba(185,129,0,.22);--up:#049a65;--up-bg:rgba(4,154,101,.09);--up-border:rgba(4,154,101,.22);--down:#d9283e;--down-bg:rgba(217,40,62,.09);--down-border:rgba(217,40,62,.22);--blue:#2563eb;--blue-bg:rgba(37,99,235,.09);--purple:#7c3aed;--purple-bg:rgba(124,58,237,.09);--shadow:0 16px 42px rgba(25,42,70,.12)}html,body,#root{min-height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}input::placeholder,textarea::placeholder{color:var(--text-tri)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fade-up{animation:fadeUp .28s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;background:var(--bg);position:relative}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#111722e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}[data-theme=light] .topbar{background:#ffffffe0}.brandmark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#f8d33a);display:flex;align-items:center;justify-content:center;color:#111;font-weight:900}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-sec);cursor:pointer;font-weight:800}.page-pad{padding:14px 14px 98px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:520px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:7px 8px 6px;background:#111722f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:30}[data-theme=light] .bottom-nav{background:#ffffffeb}.nav-btn{border:0;background:transparent;color:var(--text-qua);padding:7px 2px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:750}.nav-btn.active{background:var(--brand-bg);color:var(--brand)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.muted{color:var(--text-tri)}.mono{font-family:var(--mono)}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;line-height:1}.btn{border:1px solid var(--border);border-radius:8px;background:var(--elevated);color:var(--text);font-weight:800;cursor:pointer}.btn-primary{border-color:var(--brand-border);background:var(--brand);color:#121212}.btn-danger{border-color:var(--down-border);background:var(--down-bg);color:var(--down)}.field{width:100%;margin-top:5px;padding:10px 11px;border-radius:8px;border:1px solid var(--border);background:var(--input);color:var(--text);outline:none}.field:focus{border-color:var(--brand)}.section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tri);font-weight:850}