:root{color-scheme:light dark;--bg:#f6f5f3;--surface:#ffffff;--surface-alt:#f4f4f4;--text:#111111;--text-soft:#333333;--text-muted:#555555;--text-meta:#777777;--border:#dddddd;--shadow:rgba(0,0,0,0.04);font-family:Oxygen,system-ui,sans-serif;font-weight:200;color:var(--text);background:var(--bg);}body[data-theme="light"]{--bg:#f6f5f3;--surface:#ffffff;--surface-alt:#f4f4f4;--text:#111111;--text-soft:#333333;--text-muted:#555555;--text-meta:#777777;--border:#dddddd;--shadow:rgba(0,0,0,0.04);}body[data-theme="dark"]{--bg:#111827;--surface:#1f2937;--surface-alt:#0f172a;--text:#f3f4f6;--text-soft:#d1d5db;--text-muted:#cbd5e1;--text-meta:#9ca3af;--border:#374151;--shadow:rgba(0,0,0,0.28);}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111827;--surface:#1f2937;--surface-alt:#0f172a;--text:#f3f4f6;--text-soft:#d1d5db;--text-muted:#cbd5e1;--text-meta:#9ca3af;--border:#374151;--shadow:rgba(0,0,0,0.28);}}*{box-sizing:border-box;}body{margin:0;padding:0;background:var(--bg);color:var(--text);}a{color:var(--text);text-decoration:none;}header{background:var(--surface);border-bottom:1px solid var(--border);}.theme-toggle{appearance:none;border:none;background:transparent;color:var(--text-soft);padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:0.2em;}.theme-toggle:hover{color:var(--text);}.page-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:1200px;margin:auto;padding:1.5rem;}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.75rem;}.brand{grid-column:2;justify-self:center;text-align:center;font-size:2.25rem;font-weight:400;}.primary{grid-column:3;justify-self:end;display:flex;gap:1rem;flex-wrap:wrap;}.brand small{display:block;font-size:1.2rem;color:var(--text-muted);}nav.primary{display:flex;gap:1rem;flex-wrap:wrap;}nav.primary a{font-size:0.95rem;color:var(--text-soft);}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px);gap:2rem;}.content{background:var(--surface);padding:2rem;border-radius:16px;box-shadow:0 8px 20px var(--shadow);}.sidebar{display:grid;gap:1.5rem;width:100%;max-width:240px;min-width:140px;}.h1,h1{font-size:2rem;font-weight:400;margin:0 0 1rem;}.page-wrapper>.content{grid-column:1;}.page-wrapper>.sidebar{grid-column:2;}.widget{background:var(--surface);padding:1.25rem;border-radius:12px;border:1px solid var(--border);}.widget h3{margin-top:0;font-size:1rem;font-weight:normal;color:var(--text-muted);}.post-card{margin-bottom:1.5rem;}.post-card h2{margin:0 0 0.5rem;font-size:1.25rem;font-weight:400;}.post-card p{margin:0 0 0.75rem;color:var(--text-soft);}.post-card .meta{font-size:0.9rem;color:var(--text-meta);}.footer{padding:1rem 1.5rem;font-size:0.85rem;color:var(--text-muted);text-align:center;}.home-title{text-align:left;margin-bottom:1.5rem;}.cover-thumb{display:block;width:160px;height:100px;object-fit:cover;border-radius:12px;margin:0;flex:0 0 160px;}.post-card{display:flex;gap:1rem;align-items:flex-start;}.post-info{flex:1;}@media (max-width:900px){.post-card{flex-direction:column;}.cover-thumb{width:100%;height:auto;flex:none;margin-bottom:0.75rem;}}.sidebar ul{list-style:none;margin:0;padding:0;min-width:0;}.sidebar li{margin-bottom:0.75rem;overflow:hidden;}.sidebar a{font-size:0.9rem;display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:var(--text-soft);}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem;margin-top:1.5rem;}.gallery a{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:var(--surface-alt);}.gallery img{width:100%;height:100%;object-fit:cover;display:block;}.gallery a:hover img{transform:scale(1.02);}.cover{width:70%;max-width:70%;height:auto;margin:0 auto 1rem auto;display:block;border-radius:16px;}@media (max-width:1100px){main{grid-template-columns:minmax(0,1fr) minmax(140px,170px);}.sidebar{max-width:170px;min-width:140px;}}@media (max-width:900px){main{grid-template-columns:1fr;}.page-wrapper>.content,.page-wrapper>.sidebar{grid-column:1;}.sidebar{max-width:none;min-width:0;width:100%;}}