.navbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;margin-bottom:8px;background:transparent;width:100%}.nav-links{display:flex;align-items:center;gap:28px}.nav-item{font-family:var(--font-ui);font-size:.95rem;font-weight:500;color:var(--text-secondary);background:none;border:none;padding:0;margin:0;cursor:pointer;transition:color .15s ease;text-decoration:none;line-height:1}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--text-primary);font-weight:600}.nav-actions{display:flex;align-items:center}.theme-toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;overflow:hidden;transition:all .2s ease}.theme-toggle-btn:hover{border-color:var(--border-hover);background-color:var(--bg-surface-elevated);color:var(--text-primary);transform:translateY(-1px)}.theme-toggle-btn:active{transform:scale(.95)}.theme-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .2s ease;color:var(--text-secondary)}.theme-toggle-btn:hover .theme-icon{color:var(--text-primary)}.theme-icon.sun{animation:spinGlowSun .4s cubic-bezier(.34,1.56,.64,1)}.theme-icon.moon{animation:spinGlowMoon .4s cubic-bezier(.34,1.56,.64,1)}@keyframes spinGlowSun{0%{transform:rotate(-120deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes spinGlowMoon{0%{transform:rotate(120deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:99999}[data-theme=light] .nav-item{color:#64748b}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{color:#0f172a}[data-theme=light] .theme-toggle-btn{background-color:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=light] .theme-toggle-btn:hover{background-color:var(--bg-surface-elevated);border-color:var(--border-hover);color:var(--text-primary);box-shadow:0 2px 8px #0000000d}@media(max-width:640px){.navbar{padding:16px 0 12px}.nav-links{gap:16px}.nav-item{font-size:.88rem}}.footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.footer-attribution{display:flex;align-items:center;gap:6px}.footer-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-hits-link{display:inline-flex;align-items:center;line-height:0;border-radius:4px;overflow:hidden;border:1px solid var(--border-default);transition:border-color .2s ease,transform .2s ease,opacity .2s ease}.footer-hits-link:hover{border-color:var(--border-hover);transform:translateY(-1px);opacity:.9}.footer-hits-img{height:20px;display:block}.ist-clock{display:flex;align-items:center;gap:6px;background-color:var(--bg-surface);padding:3px 8px;border-radius:4px;border:1px solid var(--border-default)}.clock-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-loading);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-svg{width:64px;height:64px;animation:spin 1.2s linear infinite}.loading-circle-dash{animation:dash 1.5s ease-in-out infinite}.loading-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:250}50%{stroke-dashoffset:75}to{stroke-dashoffset:250}}:root{--bg-primary: #0b0d0e;--bg-surface: #1a1b1c;--bg-surface-elevated: #232326;--bg-surface-subtle: #151515;--bg-loading: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #b4b4b4;--text-muted: #999999;--text-faint: #71767b;--text-dim: #666666;--text-ghost: #333333;--border-default: #444444;--border-hover: #888888;--border-subtle: rgba(255, 255, 255, .1);--card-dashed-border: rgba(255, 255, 255, .2);--card-dashed-hover: rgba(255, 255, 255, .45);--accent-blue: #3b82f6;--accent-amber: #f59e0b;--accent-green: #22c55e;--accent-red: #ef4444;--font-ui: "Figtree", sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 700px}[data-theme=light]{--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-subtle: #f8fafc;--bg-loading: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #64748b;--text-faint: #94a3b8;--text-dim: #94a3b8;--text-ghost: #cbd5e1;--border-default: #e2e8f0;--border-hover: #94a3b8;--border-subtle: rgba(0, 0, 0, .08);--card-dashed-border: rgba(15, 23, 42, .2);--card-dashed-hover: rgba(15, 23, 42, .45);--accent-blue: #2563eb;--accent-amber: #d97706;--accent-green: #16a34a;--accent-red: #dc2626}.app-container{max-width:var(--max-width);margin:0 auto;padding:0 18px 60px;min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:700px){.app-container{padding:0 14px 40px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}::selection{background:#b4b4b44d;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}
