:root{color-scheme:dark;--bg:#101827;--panel:#1d293b;--text:#e9f1fa;--muted:#b4c3d6;--accent:#24c4a2;--line:#35465e}body.light{color-scheme:light;--bg:#f2f6fb;--panel:#fff;--text:#142438;--muted:#52677b;--line:#dce4ed}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px Tahoma,Arial,sans-serif;margin:0;line-height:1.9}header{padding:18px max(16px,calc((100% - 1200px)/2));background:var(--panel);border-bottom:1px solid var(--line)}header strong{font-size:22px;color:var(--accent)}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}a{color:var(--accent);text-decoration:none}nav a{color:var(--text);font-size:14px}main{max-width:1120px;padding:24px 16px;margin:auto}h1{font-size:26px}h2{font-size:21px}article,.hero,form,aside{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0}form{max-width:640px}article form{padding:8px;border:0}label{display:block;margin:12px 0;color:var(--muted)}input,textarea,select{display:block;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit}textarea{min-height:90px}button,.button{display:inline-block;background:var(--accent);border:0;border-radius:9px;color:#08251f;padding:10px 18px;font:inherit;cursor:pointer;margin:5px}#theme{float:left}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.cards article{margin:0}.timeline{display:flex;gap:8px;flex-wrap:wrap}.timeline span{border:1px solid var(--line);border-radius:9px;padding:10px;flex:1;min-width:150px}.timeline .active{background:var(--accent);color:#08251f}small{color:var(--muted)}@media(max-width:600px){main{padding:12px}nav{gap:8px}nav a{font-size:13px}header{padding:12px}.timeline{flex-direction:column}}

/* V2: fixed vertical sidebar on desktop, slide-out on mobile */
@media(min-width:801px){body{padding-right:248px}header{position:fixed;right:0;top:0;bottom:0;width:248px;overflow-y:auto;padding:20px 14px;border-bottom:0;border-left:1px solid var(--line)}header strong{display:block;font-size:19px}header nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;margin-top:24px}header nav a{display:block;padding:8px 12px;border-radius:9px}header nav a:hover{background:var(--bg)}#theme{float:none;margin-top:14px}#menu-toggle{display:none}main{max-width:1150px}}
@media(max-width:800px){header{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:6px}#theme{float:none}#menu-toggle{display:inline-block}header nav{display:none;flex-direction:column;width:100%;max-height:65vh;overflow-y:auto;gap:2px}header nav.open{display:flex}header nav a{display:block;padding:9px;border-bottom:1px solid var(--line)}}