*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);overflow-wrap:anywhere;flex-direction:column;margin:0;line-height:1.8;transition:background-color .3s,color .3s;display:flex}a{color:var(--accent)}img{max-width:100%;height:auto}.site-header{background:var(--header-bg);border-bottom:var(--rule);backdrop-filter:var(--header-blur,none);z-index:10;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.site-title{font-family:var(--font-display);color:var(--text);letter-spacing:var(--title-tracking,0);font-size:1.4rem;font-weight:900;text-decoration:none}.site-nav{flex-wrap:wrap;flex:1;gap:.25rem 1rem;display:flex}.site-nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.site-nav a:hover{color:var(--accent)}.design-switcher{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.design-switcher select{font:inherit;color:var(--text);background:var(--surface);border:var(--control-border);border-radius:var(--radius);padding:.3rem .5rem}.site-main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2.5rem)}.site-footer{text-align:center;color:var(--muted);border-top:var(--rule);padding:2rem 1rem;font-size:.85rem}.hero{margin-bottom:2.5rem}.eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.8rem}.hero h1,.post-header h1{font-family:var(--font-display);margin:.25rem 0 .75rem;font-size:clamp(1.9rem,6vw,3.4rem);line-height:1.25}.lead{color:var(--muted);margin:0;font-size:1.05rem}.post-grid{gap:var(--grid-gap,1.5rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.card{background:var(--surface);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);backdrop-filter:var(--card-blur,none);padding:1.25rem 1.4rem;transition:transform .15s,box-shadow .15s}.card:hover{transform:var(--card-hover-transform,none);box-shadow:var(--card-hover-shadow,var(--card-shadow))}.card-title{font-family:var(--font-display);margin:.5rem 0;font-size:1.25rem;line-height:1.45}.card-title a{color:var(--text);text-decoration:none}.card-title a:hover{color:var(--accent)}.card-summary{color:var(--muted);margin:0 0 .5rem;font-size:.95rem}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;font-size:.85rem;display:flex}.chip{background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border,none);border-radius:var(--chip-radius,999px);padding:.1rem .6rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.button{font:inherit;cursor:pointer;color:var(--button-text);background:var(--accent);border:var(--control-border);border-radius:var(--radius);box-shadow:var(--button-shadow,none);padding:.5rem 1rem;font-weight:700}.empty{color:var(--muted)}.post{max-width:44rem;margin:0 auto}.post-header{border-bottom:var(--rule);margin-bottom:2rem;padding-bottom:1.5rem}.tags{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.prose{font-size:1.05rem}.prose h2,.prose h3{font-family:var(--font-display);margin-top:2.5rem;line-height:1.4}.prose blockquote{border-left:4px solid var(--accent);color:var(--muted);background:var(--surface);margin:1.5rem 0;padding:.5rem 1.25rem}.prose code{font-family:var(--font-mono);background:var(--surface);border-radius:4px;padding:.1em .35em;font-size:.9em}.prose pre{border-radius:var(--radius);padding:1rem;overflow-x:auto}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:.4rem .75rem}.sources{border-top:var(--rule);margin-top:3rem;padding-top:1.5rem;font-size:.9rem}.sources h2{font-size:1rem;font-family:var(--font-mono);color:var(--muted)}:root{--font-body:"Noto Sans JP", system-ui, sans-serif;--font-display:"Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:8px;--button-text:#fff}[data-design=editorial]{--bg:#f7f3ea;--surface:#fffdf7;--text:#1d1b16;--muted:#5f5a4e;--accent:#a3321f;--line:#d9d1bf;--header-bg:#f7f3ea;--font-body:"Noto Serif JP", serif;--font-display:"Noto Serif JP", serif;--radius:0;--rule:1px solid var(--text);--card-border:none;--card-shadow:none;--control-border:1px solid var(--text);--chip-bg:transparent;--chip-text:var(--accent);--chip-radius:0;--title-tracking:.08em;--grid-gap:0}[data-design=editorial] .post-grid{border-top:3px double var(--text)}[data-design=editorial] .card{border-bottom:1px solid var(--line);padding:1.5rem 1.25rem}[data-design=editorial] .chip{border-bottom:1px solid;padding:0}@media (prefers-color-scheme:dark){[data-design=editorial]{--bg:#1b1a17;--surface:#23211d;--text:#ece6d8;--muted:#aaa293;--accent:#e0765f;--line:#3a3730;--header-bg:#1b1a17}}[data-design=brutal]{--bg:#fdf6e3;--surface:#fff;--text:#000;--muted:#333;--accent:#ff4d8d;--line:#000;--header-bg:#ffde59;--font-display:"Noto Sans JP", sans-serif;--radius:6px;--rule:3px solid #000;--card-border:3px solid #000;--card-shadow:6px 6px 0 #000;--card-hover-transform:translate(-3px, -3px);--card-hover-shadow:9px 9px 0 #000;--control-border:3px solid #000;--button-text:#000;--button-shadow:4px 4px 0 #000;--chip-bg:#5ce1e6;--chip-text:#000;--chip-border:2px solid #000;color-scheme:light}[data-design=brutal] .hero h1{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffde59;display:inline;box-shadow:.2em 0 #ffde59,-.2em 0 #ffde59}[data-design=brutal] .card:nth-child(3n+2){background:#c1ff72}[data-design=brutal] .card:nth-child(3n+3){background:#cdb4ff}[data-design=terminal]{--bg:#0c0f0a;--surface:#121810;--text:#c8f7c5;--muted:#7fae7a;--accent:#39ff14;--line:#2a3a26;--header-bg:#0c0f0a;--font-body:"JetBrains Mono", "Noto Sans JP", monospace;--font-display:"JetBrains Mono", "Noto Sans JP", monospace;--radius:0;--rule:1px dashed var(--line);--card-border:1px solid var(--line);--card-shadow:none;--card-hover-shadow:0 0 12px #39ff1459;--control-border:1px solid var(--accent);--button-text:#0c0f0a;--chip-bg:transparent;--chip-text:var(--accent);--chip-border:1px solid var(--accent);--chip-radius:0;color-scheme:dark}[data-design=terminal] body{text-shadow:0 0 2px #39ff1440}[data-design=terminal] .site-title:before{content:"~/";color:var(--muted)}[data-design=terminal] .hero h1:before,[data-design=terminal] .card-title:before{content:"> ";color:var(--accent)}[data-design=terminal] .hero h1:after{content:"▋";margin-left:.1em;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}[data-design=glass]{--bg:linear-gradient(135deg, #a8c0ff 0%, #f6d5f7 50%, #fbe9d7 100%) fixed;--surface:#ffffff73;--text:#1f2340;--muted:#4a4f70;--accent:#5b4bdb;--line:#fff9;--header-bg:#ffffff59;--header-blur:blur(14px);--radius:20px;--rule:1px solid #fff9;--card-border:1px solid #ffffffb3;--card-shadow:0 8px 32px #1f23401f;--card-blur:blur(12px);--card-hover-transform:translateY(-4px);--control-border:1px solid #ffffffb3;--chip-bg:#5b4bdb26;--chip-text:var(--accent)}@media (prefers-color-scheme:dark){[data-design=glass]{--bg:linear-gradient(135deg, #1a1446 0%, #3b1d4f 50%, #0f2b3d 100%) fixed;--surface:#ffffff14;--text:#eef0ff;--muted:#b9bde0;--accent:#a99bff;--line:#ffffff26;--header-bg:#14103266;--rule:1px solid #ffffff26;--card-border:1px solid #ffffff26;--control-border:1px solid #ffffff40;--chip-bg:#a99bff2e;--button-text:#120e33}}