:root{--color-bg: #fafaf9;--color-surface: #ffffff;--color-card: #ffffff;--color-border: #e7e5e4;--color-text: #000000;--color-muted: #000000;--color-primary: #000000;--color-primary-hover: #000000;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--radius: 6px;--radius-sm: 4px;--container: 720px;--gap: 20px}:root[data-theme=dark]{--color-bg: #1c1917;--color-surface: #292524;--color-card: #292524;--color-border: #44403c;--color-text: #fafaf9;--color-muted: #a8a29e;--color-primary: #fafaf9;--color-primary-hover: #d6d3d1;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.85}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}main{padding:32px 0 24px}.section{margin:24px 0}hr{border:none;height:1px;background:var(--color-border);margin:32px 0}h1,h2,h3{font-family:Lora,Georgia,serif}h1{font-size:clamp(26px,4vw,36px);font-weight:600;letter-spacing:-.02em;line-height:1.2}h2{font-size:clamp(20px,3vw,28px);font-weight:600;letter-spacing:-.01em;line-height:1.3}h3{font-size:clamp(18px,2.5vw,24px);font-weight:600;line-height:1.4}p{color:var(--color-muted);line-height:1.7}.link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:4px;transition:text-decoration-color .2s ease}.link:hover{text-decoration-color:var(--color-text);opacity:1}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.grid{display:grid;gap:var(--gap)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}main{padding:20px 0 48px}}.site-header{position:static;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--color-text);font-size:18px;font-family:Lora,Georgia,serif}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:8px 12px;border-radius:6px;color:var(--color-muted);font-size:15px}.nav a.active{color:var(--color-text);background:#00000008}.nav a:hover{color:var(--color-text);opacity:1}.theme-toggle{margin-left:8px;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text);cursor:pointer;font-size:18px;line-height:1;transition:border-color .2s ease}.theme-toggle:hover{border-color:var(--color-text)}.menu-toggle{display:none}@media(max-width:768px){.nav{display:none}.menu-toggle{display:block}details.menu{position:relative}details.menu summary{list-style:none;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;color:var(--color-text)}details.menu[open] summary{background:#0000000a}details.menu .panel{position:absolute;right:0;top:56px;min-width:220px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;display:grid;gap:4px}details.menu .panel a{padding:10px 12px;border-radius:8px}details.menu .panel a:hover{background:#0000000a}}.hero{padding:32px 0 0}.hero h1{margin-bottom:16px}.hero p{max-width:600px;font-size:18px;line-height:1.7}.hero .actions{margin-top:18px}.site-footer{margin-top:24px;border-top:1px solid var(--color-border);color:var(--color-muted)}.site-footer .bar{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.site-footer a{color:var(--color-muted)}.site-footer a:hover{color:var(--color-primary)}