:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f4f4f5;--bg-elevated:#fff;--bg-overlay:rgba(0,0,0,.5);--bg-input:#fff;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-inverted:#fafafa;--border-primary:#e4e4e7;--border-secondary:#d4d4d8;--border-focus:#a1a1aa;--accent-primary:#18181b;--accent-primary-hover:#27272a;--accent-secondary:#f4f4f5;--logo-bg:#18181b;--logo-text:#fafafa;--logo-accent:#18181b;--status-success:#16a34a;--status-success-bg:rgba(22,163,74,.08);--status-success-border:rgba(22,163,74,.3);--status-warning:#d97706;--status-warning-bg:rgba(217,119,6,.08);--status-warning-border:rgba(217,119,6,.3);--status-caution:#ea580c;--status-caution-bg:rgba(234,88,12,.08);--status-caution-border:rgba(234,88,12,.3);--status-error:#dc2626;--status-error-bg:rgba(220,38,38,.08);--status-error-border:rgba(220,38,38,.3);--accent-purple:#8b5cf6;--accent-purple-bg:rgba(139,92,246,.08);--accent-purple-border:rgba(139,92,246,.3);--accent-blue:#6366f1;--accent-blue-bg:rgba(99,102,241,.08);--accent-blue-border:rgba(99,102,241,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.06);--shadow-lg:0 10px 25px rgba(0,0,0,.08);--shadow-xl:0 20px 40px rgba(0,0,0,.1);--header-bg:hsla(0,0%,100%,.85);--card-bg:#fff;--card-hover-border:#a1a1aa;--input-bg:#fafafa;--modal-bg:#fff;--code-bg:#f4f4f5;--fit-strong:var(--status-success);--fit-strong-bg:var(--status-success-bg);--fit-strong-border:var(--status-success-border);--fit-good:var(--status-warning);--fit-good-bg:var(--status-warning-bg);--fit-good-border:var(--status-warning-border);--fit-stretch:var(--status-caution);--fit-stretch-bg:var(--status-caution-bg);--fit-stretch-border:var(--status-caution-border);--fit-notfit:var(--status-error);--fit-notfit-bg:var(--status-error-bg);--fit-notfit-border:var(--status-error-border)}[data-theme=dark]{--bg-primary:#111;--bg-secondary:#191919;--bg-tertiary:#1f1f1f;--bg-elevated:#1f1f1f;--bg-overlay:rgba(0,0,0,.85);--bg-input:#0f0f0f;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverted:#18181b;--border-primary:#2a2a2a;--border-secondary:#333;--border-focus:#404040;--accent-primary:#fbbf24;--accent-primary-hover:#f59e0b;--accent-secondary:#2a2a2a;--logo-bg:linear-gradient(135deg,#fbbf24,#f59e0b);--logo-text:#111;--logo-accent:#fbbf24;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.25);--shadow-lg:0 10px 25px rgba(0,0,0,.3);--shadow-xl:0 20px 40px rgba(0,0,0,.4);--header-bg:hsla(0,0%,7%,.85);--card-bg:#191919;--card-hover-border:#404040;--input-bg:#0f0f0f;--modal-bg:#191919;--code-bg:#1f1f1f}.theme-loading{visibility:hidden}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:14px 24px}.site-header .header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);cursor:pointer}.site-header .logo-icon{width:32px;height:32px;background:var(--logo-bg);color:var(--logo-text);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.site-header .logo-text{font-weight:600;font-size:18px}.site-header .logo-q{color:var(--logo-accent)}.site-header .header-right{display:flex;align-items:center;gap:12px}.site-header .nav-link{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none}.site-header .nav-link.active,.site-header .nav-link:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.site-header .nav-link-icon{font-size:14px}.site-header .tracker-btn{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.site-header .tracker-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.site-header .tracker-icon{font-size:14px}.site-header .tracker-count{background:var(--accent-primary);color:var(--text-inverted,#fff);padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.site-header .profile-indicator{display:flex;align-items:center;gap:6px;background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success);padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.site-header .profile-indicator-icon{width:18px;height:18px;background:var(--status-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.site-header .usage-indicator{display:flex;align-items:center;gap:8px}.site-header .usage-bar{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.site-header .usage-fill{height:100%;background:var(--accent-primary);transition:width .3s}.site-header .usage-text{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.site-header .pro-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.05em}.site-header .btn-upgrade{background:var(--accent-primary);color:var(--text-inverted,#fff);border:none;padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s}.site-header .btn-upgrade:hover{background:var(--accent-primary-hover)}@media (max-width:768px){.site-header .nav-link-text,.site-header .profile-indicator-text,.site-header .tracker-text{display:none}.site-header .nav-link,.site-header .profile-indicator,.site-header .tracker-btn{padding:6px 10px}.site-header .usage-indicator{display:none}}@media (max-width:480px){.site-header .header-right{gap:8px}.site-header .logo-text{display:none}}