:root{--bg:#f5f7fa;--card:#fff;--nav:#fff;--text:#1a1a2e;--text2:#6b7280;--text3:#9ca3af;--primary:#2563eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border:#e5e7eb;--shadow:0 2px 12px #0000000f;--radius:16px;--radius-sm:10px;--header-bg:#fff;--input-bg:#f3f4f6;--tab-bg:#f3f4f6;--tg-safe-top:env(safe-area-inset-top,0px);--tg-safe-bottom:env(safe-area-inset-bottom,0px)}.dark{--bg:#0f0f1a;--card:#1e1e3a;--nav:#14142e;--text:#e4e4e7;--text2:#9ca3af;--text3:#6b7280;--primary:#6c5ce7;--success:#00d9a5;--danger:#ff6b6b;--border:#2d2d4a;--shadow:0 2px 12px #0000004d;--header-bg:#14142e;--input-bg:#2a2a4a;--tab-bg:#2a2a4a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);padding-top:var(--tg-safe-top);padding-bottom:var(--tg-safe-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.app{max-width:100%;min-height:100vh;position:relative}.status-bar{color:var(--text2);background:var(--header-bg);justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;font-weight:600;display:flex}.app-header{background:var(--header-bg);z-index:10;justify-content:space-between;align-items:center;min-height:48px;padding:8px 16px;transition:background .3s;display:flex;position:sticky;top:0}.app-header .logo{background:linear-gradient(135deg, var(--primary), #a29bfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.header-actions{align-items:center;gap:8px;display:flex}.h-btn{border-radius:var(--radius-sm);background:var(--tab-bg);cursor:pointer;width:36px;height:36px;color:var(--text2);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.h-btn:active{transform:scale(.92)}.bottom-nav{background:var(--nav);border-top:1px solid var(--border);padding:4px 0 calc(4px + var(--tg-safe-bottom));z-index:100;max-width:100%;transition:background .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--text3);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-family:inherit;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:22px;height:22px}.nav-item span{font-size:10px;font-weight:500}.page-content{padding:4px 16px 80px;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{align-items:center;gap:8px;margin:16px 0 12px;font-size:16px;font-weight:700;display:flex}.section-title .more{color:var(--text3);cursor:pointer;margin-left:auto;font-size:12px;font-weight:400}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px;transition:background .3s}.card-np{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 16px;transition:background .3s}.btn-primary{background:linear-gradient(135deg, var(--primary), #a29bfe);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600}.btn-primary:active{opacity:.85}.tabs{background:var(--tab-bg);border-radius:var(--radius-sm);margin-bottom:16px;padding:3px;display:flex}.tab-item{text-align:center;cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.tab-item.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #00000014}.loading{color:var(--text3);justify-content:center;align-items:center;padding:40px;display:flex}.empty-state{text-align:center;color:var(--text3);padding:40px 20px;font-size:14px}.error-state{text-align:center;color:var(--danger);padding:40px 20px;font-size:14px}