*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070e14;--surface:#0c1b24;--card:#102030;--elevated:#182e3c;--input:#091620;--border:#1e3a4e;--text:#ddeef8;--text-sec:#88afc6;--text-tri:#4a7590;--text-qua:#2e5068;--brand:#00d97e;--brand-bg:rgba(0,217,126,.1);--brand-border:rgba(0,217,126,.28);--up:#00e676;--up-bg:rgba(0,230,118,.1);--up-border:rgba(0,230,118,.28);--down:#ff4d6d;--down-bg:rgba(255,77,109,.1);--down-border:rgba(255,77,109,.28);--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,.38);--mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=light]{--bg:#eef6f9;--surface:#ffffff;--card:#ffffff;--elevated:#ddeef6;--input:#f3f9fc;--border:#a8d4e8;--text:#0d2035;--text-sec:#1e4a72;--text-tri:#4278a0;--text-qua:#7aaac8;--brand:#059669;--brand-bg:rgba(5,150,105,.09);--brand-border:rgba(5,150,105,.25);--up:#10b981;--up-bg:rgba(16,185,129,.09);--up-border:rgba(16,185,129,.25);--down:#e11d48;--down-bg:rgba(225,29,72,.09);--down-border:rgba(225,29,72,.25);--blue:#2563eb;--blue-bg:rgba(37,99,235,.09);--purple:#7c3aed;--purple-bg:rgba(124,58,237,.09);--shadow:0 16px 42px rgba(10,30,60,.1)}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:#070e14eb;-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,#00b4d8,#00d97e);display:flex;align-items:center;justify-content:center;color:#071020;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:#070e14f5;-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}