*{margin:0;padding:0;box-sizing:border-box}[data-theme=light]{--bg: #f9f7f4;--text: #2c2825;--text-secondary: #5a5550;--accent: #b8554a;--accent-hover: #9e4940;--muted: #9a928a;--border: #e8e4de;--toggle-bg: #e8e4de;--subject-bg: #ffffff;--subject-shadow: 0 1px 4px rgba(44,40,37,.08), 0 0 1px rgba(44,40,37,.05);--subject-shadow-hover: 0 4px 12px rgba(44,40,37,.12), 0 0 1px rgba(44,40,37,.08);--footer-bg: #f9f7f4;--footer-border: #e8e4de;--code-bg: #f0ece6}[data-theme=dark]{--bg: #1c1a17;--text: #e8e4de;--text-secondary: #b0a99f;--accent: #d4786a;--accent-hover: #e08b7e;--muted: #7a746c;--border: #2e2b26;--toggle-bg: #2e2b26;--subject-bg: #242119;--subject-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.15);--subject-shadow-hover: 0 4px 12px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);--footer-bg: #1c1a17;--footer-border: #2e2b26;--code-bg: #242119}html,body{height:100%;overflow:hidden;background:var(--bg)}body{color:var(--text);font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.8;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease;display:flex;flex-direction:column}.site-header{flex-shrink:0;background:var(--bg);border-bottom:1px solid var(--border);transition:background .3s,border-color .3s;z-index:50}.header-inner{max-width:1100px;margin:0 auto;padding:0 40px}nav{padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif}.logo{font-size:19px;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;letter-spacing:.02em;transition:color .2s}.nav-links a:hover,.nav-links a.active-link{color:var(--text)}.search-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex;align-items:center;transition:color .2s}.search-btn:hover{color:var(--text)}.search-btn svg{width:18px;height:18px}.search-overlay{display:none;position:fixed;inset:0;z-index:100;background:#2c282580;backdrop-filter:blur(4px);justify-content:center;padding-top:20vh}[data-theme=dark] .search-overlay{background:#0009}.search-overlay.open{display:flex}.search-box{width:100%;max-width:560px;padding:0 24px}.search-box input{width:100%;font-family:Inter,sans-serif;font-size:18px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 20px;outline:none;box-shadow:0 8px 32px #0000001f;transition:border-color .2s}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:var(--accent)}.search-hint{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);text-align:center;margin-top:12px}.search-hint kbd{background:var(--toggle-bg);padding:2px 6px;border-radius:4px;font-family:Inter,sans-serif;font-size:11px}.theme-toggle{cursor:pointer;background:var(--toggle-bg);border:none;border-radius:20px;width:44px;height:24px;position:relative;transition:background .3s}.theme-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--accent);transition:transform .3s}[data-theme=dark] .theme-toggle:after{transform:translate(20px)}.theme-toggle-label{font-family:Inter,sans-serif;font-size:11px;color:var(--muted);margin-right:8px}.content{flex:1;overflow-y:auto;overflow-x:hidden}.site-footer{flex-shrink:0;background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:12px 0;transition:background .3s,border-color .3s;z-index:50}.footer-inner{padding:0 20px}.subject-bar{display:flex;justify-content:center;gap:8px;padding:2px 0;white-space:nowrap}.subject-btn{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary);text-decoration:none;white-space:nowrap;background:var(--subject-bg);border:none;border-radius:6px;padding:6px 12px;box-shadow:var(--subject-shadow);cursor:pointer;transition:transform .2s,box-shadow .2s,color .2s}.subject-btn:hover{transform:translateY(-2px);box-shadow:var(--subject-shadow-hover);color:var(--accent)}.subject-btn.disabled{opacity:.35;cursor:default;pointer-events:none}.subject-divider{display:flex;align-items:center;color:var(--muted);font-size:14px;padding:0 2px;user-select:none}@media(max-width:768px){.header-inner{padding:0 20px}.footer-inner{padding:0 12px}nav{padding:18px 0}.subject-btn{font-size:10px;padding:5px 10px}}