:root[data-style=brutalist]{--bg:#fff;--fg:#000;--muted:#444;--rule:#000;--accent:#ffde00;--font-body:"Space Grotesk", system-ui, sans-serif;--page-width:64rem;--measure:42rem;--body-size:1.1rem;--shadow:6px 6px 0 var(--rule);@media (prefers-color-scheme:dark){--bg:#0a0a0a;--fg:#fff;--muted:#bbb;--rule:#fff}& h1,& h2,& h3{letter-spacing:-.02em;font-weight:700}& ::selection,& a:hover{background:var(--accent);color:#000}& .site-header{border-bottom:3px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 0;display:flex}& .brand{background:var(--fg);color:var(--bg);text-transform:uppercase;letter-spacing:.02em;padding:.3rem .7rem;font-size:1.3rem;font-weight:700}& .site-nav{gap:.5rem}& .site-nav a{border:2px solid var(--rule);text-transform:uppercase;padding:.2rem .6rem;font-size:.9rem;font-weight:700}& .site-footer{border-top:3px solid var(--rule);font-weight:700}& .meta{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}& .tag-list a{border:2px solid var(--rule);text-transform:uppercase;padding:0 .4rem;font-size:.8rem;font-weight:700;text-decoration:none}& .lead,& .secondary article,& .briefs,& .post-item{border:3px solid var(--rule);box-shadow:var(--shadow);background:var(--bg);padding:1.25rem}& .front-page{gap:2rem}& .cover{aspect-ratio:16/9;object-fit:cover;border-bottom:3px solid var(--rule);width:calc(100% + 2.5rem);max-width:none;margin:-1.25rem -1.25rem 1rem;display:block}& .cover-empty{background:var(--accent)}& .lead h1{text-transform:uppercase;margin:0;font-size:clamp(2.25rem,6vw,4rem);line-height:1}& .standfirst{margin-bottom:0;font-size:1.25rem}& .secondary{gap:2rem;display:grid}& .secondary h2{margin:0;font-size:1.4rem}& .briefs h3{text-transform:uppercase;margin-top:0}@media (width>=48rem){& .secondary{grid-template-columns:repeat(3,1fr)}}& main>h1{text-transform:uppercase;font-size:2.5rem}& .post-list:not(.home-list){gap:1.5rem;display:grid}& .post-title{font-size:1.5rem}& .post-tags{display:flex}& .post-item{grid-template-areas:"title""date""tags""desc"}& .post>h1{text-transform:uppercase;font-size:clamp(2.25rem,7vw,4rem);line-height:1}& .post-body img{border:3px solid var(--rule);box-shadow:var(--shadow)}& .post-body a{background:var(--accent);color:#000;padding:0 .15em;text-decoration:none}& .post-body blockquote{border:3px solid var(--rule);background:var(--accent);color:#000;margin:1.5rem 0;padding:1rem;font-weight:500}& .post-body :not(pre)>code{border:2px solid var(--rule);padding:0 .25em}& .siblings{border-top:3px solid var(--rule);font-weight:700}& .comments{border-top:3px solid var(--rule)}}:root[data-style=garden]{--bg:#f3f1e7;--fg:#24301f;--muted:#6b7563;--rule:#d7d9c6;--accent:#3f6b3a;--clay:#c46d3b;--font-body:"Literata", Georgia, serif;--font-head:"Fraunces", Georgia, serif;--font-ui:"Literata", Georgia, serif;--page-width:66rem;--measure:40rem;--body-size:1.12rem;@media (prefers-color-scheme:dark){--bg:#151a14;--fg:#e3e8d9;--muted:#9aa491;--rule:#2c3428;--accent:#9cc58f;--clay:#e39a6c}& h1,& h2,& h3{font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;font-weight:600}& .site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding:2rem 0 2.5rem;display:flex}& .brand{font-family:var(--font-head);color:var(--accent);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:1.6rem;font-weight:600}& .brand:before{content:"❧ ";color:var(--clay)}& .site-nav{gap:1.5rem;font-style:italic}& .site-nav a:hover{color:var(--clay)}& .site-footer{text-align:center;color:var(--muted);font-style:italic}& .site-footer:before{content:"❦";color:var(--clay);margin-bottom:.5rem;font-size:1.4rem;display:block}& .meta{font-style:italic}& .tag-list a{border:1px solid var(--rule);color:var(--accent);border-radius:999px;padding:0 .7rem;font-size:.85rem;text-decoration:none;display:inline-block}& .tag-list a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}& .front-page{gap:2.5rem}& .cover{aspect-ratio:4/3;object-fit:cover;border-radius:2rem .5rem;width:100%;margin-bottom:1rem;display:block}& .cover-empty{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent) 35%, var(--bg)), color-mix(in srgb, var(--clay) 30%, var(--bg)))}& .lead .cover{aspect-ratio:16/9;border-radius:3rem .75rem}& .lead h1{margin:.25rem 0;font-size:clamp(2.2rem,5.5vw,3.6rem)}& .lead h1 a:hover,& .secondary h2 a:hover{color:var(--clay)}& .standfirst{color:var(--muted);margin:0;font-size:1.25rem;font-style:italic}& .secondary{gap:2rem;display:grid}& .secondary h2{margin:.25rem 0;font-size:1.4rem}& .secondary p:not(.meta){color:var(--muted);margin:0}& .briefs{border-top:1px solid var(--rule)}& .briefs h3{color:var(--clay);font-style:italic}@media (width>=48rem){& .secondary{grid-template-columns:repeat(3,1fr)}}& main>h1{font-size:2.4rem}& .post-item{border-bottom:1px solid var(--rule);grid-template-areas:"title""date""desc""tags";padding:1.25rem 0}& .post-title{font-size:1.55rem}& .post-title a:hover{color:var(--clay)}& .post-tags{margin-top:.4rem;display:flex}& .post-desc{color:var(--muted)}& .post>h1{font-size:clamp(2.2rem,6vw,3.4rem)}& .post-body{line-height:1.75}& .post-body a{color:var(--accent);text-decoration-color:var(--clay);text-underline-offset:.2em}& .post-body img{border-radius:1.5rem .4rem}& .post-body blockquote{border-left:3px solid var(--clay);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:0 .75rem .75rem 0;margin:1.5rem 0;padding:.5rem 1.25rem}& .post-body hr{text-align:center;border:none}& .post-body hr:after{content:"❦";color:var(--clay)}& .siblings{border-top:1px solid var(--rule);font-style:italic}}:root[data-style=magazine]{--bg:#f6f3ee;--fg:#1c1917;--muted:#78716c;--rule:#e2dbd0;--accent:#b4532a;--font-body:"Newsreader", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif;--page-width:68rem;--measure:40rem;--body-size:1.2rem;@media (prefers-color-scheme:dark){--bg:#141210;--fg:#ede8e1;--muted:#a8a29e;--rule:#2f2b27;--accent:#e08a5f}& h1,& h2,& h3{font-weight:500}& .meta,& .tag-list a,& .briefs h3{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}& .site-header{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-bottom:2.5rem;padding:1.5rem 0;display:flex}& .brand{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.25em;font-size:1rem;font-weight:800}& .site-nav{text-transform:uppercase;letter-spacing:.08em;gap:1.5rem;font-size:.8rem}& .site-nav a:hover{color:var(--accent)}& .site-footer{border-top:1px solid var(--rule);color:var(--muted)}& .cover{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%;margin-bottom:1rem;display:block}& .cover-empty{background:linear-gradient(135deg, var(--rule), color-mix(in srgb, var(--accent) 35%, var(--rule)))}& .front-page{gap:3rem}& .lead .cover{aspect-ratio:3/2}& .lead h1{letter-spacing:-.01em;margin:.25rem 0;font-size:clamp(2.25rem,5.5vw,4rem)}& .lead h1 a:hover,& .secondary h2 a:hover{color:var(--accent)}& .standfirst{color:var(--muted);max-width:40rem;margin:0;font-size:1.35rem}& .secondary{gap:2rem;display:grid}& .secondary h2{margin:.25rem 0;font-size:1.5rem}& .secondary p:not(.meta){color:var(--muted);margin:0}& .briefs{border-top:1px solid var(--rule);padding-top:1rem}& .briefs h3{font-family:var(--font-ui);color:var(--accent)}& .briefs ul{columns:16rem 2;padding:0;list-style:none}& .briefs li{break-inside:avoid;padding:.4rem 0;font-size:1.15rem}@media (width>=48rem){& .lead .cover{aspect-ratio:21/9}& .secondary{grid-template-columns:repeat(3,1fr)}}& main>h1{font-size:2.5rem}& .post-item{border-bottom:1px solid var(--rule);padding:1.25rem 0}& .post-title{font-size:1.6rem;font-weight:500}& .post-desc{color:var(--muted)}& .post>h1{text-align:center;letter-spacing:-.01em;margin-top:1rem;font-size:clamp(2.25rem,6vw,3.75rem)}& .post>.meta{text-align:center}& .post>.tag-list{justify-content:center}& .tag-list a{color:var(--accent);text-decoration:none}& .post-body{line-height:1.65}& .post-body>p:first-of-type:first-letter{float:left;color:var(--accent);padding:.06em .08em 0 0;font-size:3.6em;line-height:.85}& .post-body img{border-radius:3px}& .post-body a{color:var(--accent)}& .siblings{border-top:1px solid var(--rule);font-size:.85rem}& .siblings a{text-decoration:none}}:root[data-style=minimal]{--bg:#fff;--fg:#1a1a1a;--muted:#6b6b6b;--rule:#e8e8e8;--accent:#2563eb;--font-body:"Inter", system-ui, sans-serif;--page-width:44rem;--measure:100%;--body-size:1.05rem;@media (prefers-color-scheme:dark){--bg:#111214;--fg:#e8e8e6;--muted:#9a9a9a;--rule:#2a2a2d;--accent:#7aa2ff}& body{line-height:1.7}& h1,& h2,& h3{letter-spacing:-.02em}& main>h1{font-size:1.75rem}& .site-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding:2.5rem 0 3rem;display:flex}& .brand{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}& .site-nav{gap:1.25rem;font-size:.95rem}& .site-nav a{color:var(--muted)}& .site-nav a:hover{color:var(--fg)}& .site-footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:4rem}& .front-page{display:none}& .home-list{display:block}& .more{text-align:left}& .more a,& .post-body a{color:var(--accent);text-underline-offset:.2em}& .post-item{grid-template-columns:auto 1fr;grid-template-areas:"title title""date tags""desc desc";align-items:baseline;column-gap:.75rem;padding:1.25rem 0}& .post-title{font-size:1.25rem;font-weight:600}& .post-title a:hover{color:var(--accent)}& .post-tags{display:flex}& .post-desc{color:var(--muted)}& .tag-list a{color:var(--muted);font-size:.85rem;text-decoration:none}& .tag-list a:before{content:"#"}& .tag-list a:hover{color:var(--accent)}& .post>h1{font-size:clamp(2rem,5vw,2.6rem);font-weight:700}& .post-body img{border-radius:.5rem}& .post-body blockquote{border-left:3px solid var(--rule);color:var(--muted);margin-left:0;padding-left:1rem}& .siblings{border-top:1px solid var(--rule);font-size:.95rem}& .siblings a{color:var(--muted);text-decoration:none}& .siblings a:hover{color:var(--accent)}}:root[data-style=newspaper]{--bg:#fbf9f4;--fg:#111;--muted:#555;--rule:#111;--font-body:"Old Standard TT", Georgia, "Times New Roman", serif;@media (prefers-color-scheme:dark){--bg:#16150f;--fg:#ece9e0;--muted:#a7a395;--rule:#ece9e0}& .site-header{text-align:center;border-bottom:4px double var(--rule);margin-bottom:1.5rem;display:grid}& .dateline,& .site-nav{border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;padding:.5rem 0;font-size:.8rem}& .dateline{border-bottom:none;padding-bottom:0;display:block}& .site-nav{justify-content:center}@media (width>=40rem){& .site-header{grid-template-columns:1fr auto}& .dateline,& .site-nav{border-bottom:1px solid var(--rule);grid-row:1;padding-bottom:.5rem}& .dateline{text-align:left}}& .brand{font-family:"UnifrakturMaguntia", var(--font-body);grid-column:1/-1;padding:.75rem 0;font-size:clamp(2.5rem,9vw,5.5rem);line-height:1.1;display:block}& .site-footer{border-top:1px solid var(--rule);text-align:center}& .meta{font-style:italic}& .tag-list a{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}& .post-item{border-bottom:1px solid var(--rule)}& .lead h1{margin:0;font-size:clamp(2rem,5vw,3.25rem)}& .lead .cover{aspect-ratio:3/2;object-fit:cover;filter:grayscale()contrast(1.1);width:100%;margin-bottom:1rem;display:block}& .standfirst{font-size:1.2rem;font-style:italic}& .secondary{border-top:1px solid var(--rule);gap:1.5rem;padding-top:1rem;display:grid}& .secondary h2{margin:0;font-size:1.35rem}& .briefs{border-top:1px solid var(--rule)}& .briefs h3{text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}& .briefs ul{padding-left:1rem}@media (width>=48rem){& .front-page{grid-template-columns:2fr 1fr}& .lead{border-right:1px solid var(--rule);grid-column:1;padding-right:1.5rem}& .briefs{border-top:none;grid-area:1/2}& .secondary{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}& .secondary article+article{border-left:1px solid var(--rule);padding-left:1.5rem}}& .siblings{border-top:1px solid var(--rule)}& .comments{border-top:4px double var(--rule)}}:root[data-style=notebook]{--bg:#fdfcf7;--fg:#2a2a33;--muted:#6d6d7a;--rule:#c9d6ea;--margin:#f0a8a8;--accent:#1f4fbf;--font-body:"Literata", Georgia, serif;--font-head:"Caveat", "Bradley Hand", cursive;--page-width:52rem;--measure:100%;--body-size:1.05rem;--line:1.75rem;--gutter:2.5rem;@media (prefers-color-scheme:dark){--bg:#1f2420;--fg:#e5ebe3;--muted:#9aa69a;--rule:#2f3a32;--margin:#7a3b3b;--accent:#8fb8ff}@media (width<=40rem){--gutter:1rem}background:repeating-linear-gradient(transparent 0 calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px) var(--line)) var(--bg);& body{min-height:100vh;padding:0 1rem 1px var(--gutter);line-height:var(--line);border-left:2px solid var(--margin);background:0 0}& h1,& h2,& h3{font-weight:700;line-height:var(--line)}& a{color:var(--accent)}& .site-header{padding-top:calc(var(--line) * 2);margin-bottom:var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1.5rem;display:flex}& .brand{font-family:var(--font-head);color:var(--fg);font-size:2.6rem;font-weight:700;line-height:calc(var(--line) * 2);transform:rotate(-1.5deg)}& .site-nav{font-family:var(--font-head);gap:1.25rem;font-size:1.4rem}& .site-nav a{color:var(--accent)}& .site-nav a:hover{text-decoration:underline wavy}& .site-footer{font-family:var(--font-head);color:var(--muted);font-size:1.2rem}& .meta{font-family:var(--font-head);color:var(--muted);margin:0;font-size:1.2rem}& .tag-list a{font-family:var(--font-head);font-size:1.2rem;text-decoration:none}& .tag-list a:before{content:"#"}& .front-page{display:none}& .home-list{display:block}& .more{text-align:left;font-family:var(--font-head);font-size:1.3rem}& main>h1{font-family:var(--font-head);font-size:2.6rem;line-height:calc(var(--line) * 2);margin:0 0 var(--line)}& .post-item{padding:0 0 var(--line);grid-template-columns:auto 1fr;grid-template-areas:"title title""date tags""desc desc";column-gap:1rem}& .post-item>*{margin:0}& .post-title{font-family:var(--font-head);font-size:2rem;line-height:calc(var(--line) * 1.5)}& .post-title a{color:var(--fg)}& .post-title a:hover{color:var(--accent);text-decoration:underline wavy}& .post-tags{display:flex}& .post>h1{font-family:var(--font-head);font-size:clamp(2.6rem,8vw,3.5rem);line-height:calc(var(--line) * 2);margin:0}& .post-body p,& .post-body ul,& .post-body ol{margin:0 0 var(--line)}& .post-body h2,& .post-body h3{font-family:var(--font-head);margin:var(--line) 0 0;font-size:1.9rem;line-height:calc(var(--line) * 1.5)}& .post-body img{margin:var(--line) 0;background:#fff;padding:.5rem .5rem 1.75rem;transform:rotate(1deg);box-shadow:0 2px 8px #00000026}& .post-body mark{background:#fff59d}& .post-body blockquote{margin:0 0 var(--line);border-left:3px solid var(--margin);padding-left:1rem;font-style:italic}& .siblings{font-family:var(--font-head);margin-top:var(--line);font-size:1.3rem}}:root[data-style=retro95]{color-scheme:light;--bg:silver;--fg:#000;--muted:#404040;--rule:gray;--accent:navy;--font-body:"Times New Roman", Times, serif;--font-head:Arial, Helvetica, sans-serif;--font-ui:Tahoma, Verdana, "Segoe UI", sans-serif;--page-width:56rem;--measure:100%;--body-size:1.05rem;--raised:inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px gray, inset 2px 2px #dfdfdf;--sunken:inset -1px -1px #fff, inset 1px 1px gray, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;background:teal;& body{box-shadow:var(--raised);max-width:min(var(--page-width), calc(100% - 1rem));margin:1.5rem auto;padding:3px}& a{color:#00e}& a:visited{color:#551a8b}& .site-header{display:grid}& .brand,& .brand:visited{color:#fff;font:bold .9rem var(--font-ui);background:linear-gradient(90deg,navy,#1084d0);padding:.2rem .4rem;display:block}& .brand:before{content:"📄 "}& .brand:after{content:"— Microsoft Internet Explorer";margin-left:.4rem;font-weight:400}@media (width<=40rem){& .brand:after{content:none}}& .site-nav{border-bottom:1px solid var(--rule);gap:0;padding:.15rem .25rem;font-size:.85rem}& .site-nav a,& .site-nav a:visited{color:var(--fg);padding:.1rem .5rem}& .site-nav a:first-letter{text-decoration:underline}& .site-nav a:not(:hover){text-decoration:none}& .site-nav a:hover,& .site-nav a:visited:hover{color:#fff;background:navy;text-decoration:none}& main{box-shadow:var(--sunken);overflow-wrap:anywhere;background:#fff;margin:.4rem .25rem;padding:.75rem 1.25rem 1.5rem}& .site-footer{box-shadow:var(--sunken);margin:0 .25rem;padding:.15rem .5rem;font-size:.75rem}& .site-footer p{margin:0}& .site-footer p:before{content:"Done";margin-right:1rem}& h1,& h2,& h3{font-weight:700}& .meta{color:var(--muted)}& .front-page{display:none}& .home-list{display:block}& .more{text-align:left}& .post-item{border-bottom:1px dotted var(--rule);padding:.5rem 0}& .post-title{font-size:1.2rem}& .post-title a{text-decoration:underline}& .post-tags{display:flex}& .tag-list a{font-size:.8rem}& .post>h1{font-size:2rem}& .post-body img{border:2px solid #fff;border-color:gray #fff #fff gray;margin-left:0}& .post-body hr{border:none;border-top:1px solid gray;border-bottom:1px solid #fff}& .siblings{border-top:1px solid var(--rule)}& .siblings a,& .pagination a,& .siblings a:visited,& .pagination a:visited{background:var(--bg);color:var(--fg);box-shadow:var(--raised);padding:.2rem .75rem;text-decoration:none}& .siblings a:active,& .pagination a:active{box-shadow:var(--sunken)}}:root[data-style=soft]{--bg:#f5f3ff;--fg:#1e1b2e;--muted:#6b6785;--rule:#e4e0f5;--accent:#7c5cff;--card:#fff;--shadow:0 1px 2px #1e1b2e0a, 0 8px 24px #1e1b2e0f;--font-body:"DM Sans", system-ui, sans-serif;--page-width:62rem;--measure:42rem;--body-size:1.08rem;@media (prefers-color-scheme:dark){--bg:#13111c;--fg:#ece9f7;--muted:#a19cbd;--rule:#2c2840;--accent:#a993ff;--card:#1c1928;--shadow:0 8px 24px #00000059}& body{line-height:1.7}& h1,& h2,& h3{letter-spacing:-.015em;font-weight:700}& .site-header{background:var(--card);box-shadow:var(--shadow);border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:1.25rem 0 2.5rem;padding:.75rem 1.25rem;display:flex}& .brand{font-size:1.1rem;font-weight:700}& .brand:before{content:"●";color:var(--accent);margin-right:.4rem}& .site-nav{gap:.25rem}& .site-nav a{color:var(--muted);border-radius:999px;padding:.3rem .8rem;font-size:.95rem;font-weight:500}& .site-nav a:hover{background:var(--bg);color:var(--accent)}& .site-footer{text-align:center;color:var(--muted)}& .tag-list a{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;padding:.1rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-block}& .lead,& .secondary article,& .briefs,& .post-item,& .post{background:var(--card);box-shadow:var(--shadow);border-radius:1.25rem;padding:1.5rem}& .front-page{gap:1.5rem}& .cover{aspect-ratio:16/9;object-fit:cover;border-radius:.85rem;width:100%;margin-bottom:1rem;display:block}& .cover-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, var(--card)), color-mix(in srgb, #ff8fb1 30%, var(--card)))}& .lead h1{margin:0;font-size:clamp(1.9rem,4.5vw,2.75rem)}& .lead h1 a:hover,& .secondary h2 a:hover,& .post-title a:hover{color:var(--accent)}& .standfirst{color:var(--muted);margin-bottom:0;font-size:1.15rem}& .secondary{gap:1.5rem;display:grid}& .secondary h2{margin:0;font-size:1.25rem}& .secondary p:not(.meta){color:var(--muted);margin-bottom:0}& .briefs h3{margin-top:0}@media (width>=48rem){& .secondary{grid-template-columns:repeat(3,1fr)}}& .more a{color:var(--accent);font-weight:500;text-decoration:none}& main>h1{font-size:2rem}& .post-list:not(.home-list){gap:1rem;display:grid}& .post-item{grid-template-areas:"title""date""desc""tags"}& .post-title{font-size:1.3rem}& .post-tags{margin-top:.5rem;display:flex}& .post-desc{color:var(--muted)}& .pagination a{color:var(--accent);font-weight:500;text-decoration:none}& .post{padding:clamp(1.25rem,5vw,3rem)}& .post>h1{margin-top:0;font-size:clamp(2rem,5vw,2.75rem)}& .post-body img{border-radius:.85rem}& .post-body a{color:var(--accent)}& .post-body blockquote{background:var(--bg);color:var(--muted);border-radius:.85rem;margin:1.5rem 0;padding:.75rem 1.25rem}& .post-body :not(pre)>code{background:var(--bg);border-radius:.4rem;padding:.1em .4em}& .siblings a{color:var(--accent);font-weight:500;text-decoration:none}}:root[data-style=swiss]{--bg:#f4f4f1;--fg:#0a0a0a;--muted:#6e6e6e;--rule:#0a0a0a;--accent:#e30613;--font-body:"Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--page-width:76rem;--measure:40rem;--body-size:1.1rem;@media (prefers-color-scheme:dark){--bg:#0e0e0e;--fg:#f1f1ee;--muted:#8e8e8e;--rule:#f1f1ee;--accent:#ff3b30}& body{padding:0 1.25rem}& h1,& h2,& h3{letter-spacing:-.035em;font-weight:700;line-height:1}& a{text-decoration:none}& a:hover{color:var(--accent)}& .site-header{border-top:8px solid var(--accent);grid-template-columns:1fr;gap:1rem;margin-bottom:3rem;padding:1.25rem 0 1.5rem;display:grid}& .brand{letter-spacing:-.055em;font-size:clamp(2.5rem,10vw,6.5rem);font-weight:800;line-height:.9}& .site-nav{gap:1.5rem;font-size:.95rem;font-weight:600}@media (width>=48rem){& .site-header{grid-template-columns:2fr 1fr;align-items:end}& .site-nav{flex-direction:column;gap:.1rem}}& .site-footer{border-top:1px solid var(--rule);font-weight:600}& .meta{color:var(--muted);font-size:.85rem;font-weight:500}& .tag-list a{font-size:.85rem;font-weight:600}& .tag-list a:before{content:"→ ";color:var(--accent)}& .front-page{display:none}& .home-list{border-top:1px solid var(--rule);display:block}& .more{text-align:left;font-weight:600}& main>h1{margin-top:0;font-size:clamp(2.5rem,7vw,4.5rem)}& .post-item{border-bottom:1px solid var(--rule);gap:.25rem 1.5rem;padding:1.25rem 0}& .post-title{font-size:clamp(1.6rem,4vw,2.5rem)}& .post-tags{display:flex}& .post-desc{color:var(--muted)}@media (width>=48rem){& .post-item{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"date title tags"".desc.";align-items:baseline}& .post-tags{justify-content:flex-end}}& .post{max-width:none}& .post>h1{letter-spacing:-.05em;max-width:18ch;margin:0 0 1rem;font-size:clamp(2.75rem,9vw,6rem)}& .post>.meta,& .post>.tag-list{margin-right:1.5rem;display:inline-flex}& .post-body{max-width:var(--measure);margin-top:2rem}@media (width>=64rem){& .post-body,& .siblings,& .comments{margin-left:33.333%}}& .post-body a{color:var(--accent)}& .post-body img{margin-left:0}& .post-body blockquote{border-left:4px solid var(--accent);letter-spacing:-.02em;margin:1.5rem 0;padding-left:1rem;font-size:1.4rem;font-weight:600}& .siblings{border-top:1px solid var(--rule);font-weight:600}}:root[data-style=synthwave]{color-scheme:dark;--bg:#120a2b;--fg:#efe6ff;--muted:#a99fd0;--rule:#3b2a6e;--accent:#ff2a6d;--cyan:#05d9e8;--font-body:"Outfit", system-ui, sans-serif;--font-head:"Orbitron", var(--font-body);--page-width:64rem;--measure:40rem;--body-size:1.1rem;--glow:0 0 6px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent);background:linear-gradient(transparent 0 70%, color-mix(in srgb, var(--accent) 18%, transparent) 70% 70.2%, transparent 70.2%) fixed, repeating-linear-gradient(90deg, color-mix(in srgb, var(--cyan) 7%, transparent) 0 1px, transparent 1px 64px) fixed, linear-gradient(#0d0221, #1b0b45 55%, #3d0f5c 100%) fixed;& body{background:0 0}& h1,& h2,& h3{text-transform:uppercase;letter-spacing:.06em;font-weight:800}& ::selection{background:var(--accent);color:#fff}& a{color:var(--cyan)}& a:hover{color:var(--accent)}& .site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-bottom:2rem;padding:2rem 0;display:flex}& .brand{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.12em;color:#fff;text-shadow:var(--glow);font-size:clamp(1.4rem,4vw,2rem);font-weight:800}& .site-nav{text-transform:uppercase;letter-spacing:.15em;gap:1.25rem;font-size:.85rem}& .site-nav a{color:var(--muted)}& .site-nav a:hover{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}& .site-footer{color:var(--muted);text-align:center;letter-spacing:.1em}& .meta{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}& .tag-list a{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;text-decoration:none}& .tag-list a:before{content:"#"}& .lead,& .secondary article,& .briefs,& .post-item{border:1px solid var(--rule);backdrop-filter:blur(4px);background:#120a2bbf;border-radius:6px;padding:1.25rem}& .lead{border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent)}& .cover{aspect-ratio:16/9;object-fit:cover;filter:saturate(1.3)hue-rotate(-12deg);border-radius:4px;width:100%;margin-bottom:1rem;display:block}& .cover-empty{background:linear-gradient(#ff2a6d,#ff9e3d 55%,#120a2b 55% 57%,#3d0f5c 57%)}& .front-page{gap:1.5rem}& .lead h1{text-shadow:var(--glow);margin:0;font-size:clamp(1.75rem,5vw,3rem)}& .lead h1 a,& .secondary h2 a{color:#fff}& .standfirst{color:var(--muted);margin-bottom:0;font-size:1.15rem}& .secondary{gap:1.5rem;display:grid}& .secondary h2{margin:0;font-size:1rem}& .secondary p:not(.meta){color:var(--muted);margin-bottom:0}& .briefs h3{color:var(--cyan);margin-top:0}@media (width>=48rem){& .secondary{grid-template-columns:repeat(3,1fr)}}& main>h1{text-shadow:var(--glow);font-size:1.75rem}& .post-list:not(.home-list){gap:1rem;display:grid}& .post-title{font-size:1.1rem}& .post-title a{color:#fff}& .post-title a:hover{color:var(--accent)}& .post-tags{display:flex}& .post-item{grid-template-areas:"title""date""desc""tags"}& .post-desc{color:var(--muted)}& .post>h1{text-shadow:var(--glow);color:#fff;font-size:clamp(1.75rem,6vw,3rem)}& .post-body h2{color:var(--cyan);font-size:1.2rem}& .post-body img{box-shadow:0 0 0 1px var(--accent), 0 0 30px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:6px}& .post-body blockquote{border-left:3px solid var(--cyan);color:var(--muted);margin:1.5rem 0;padding-left:1rem}& .post-body :not(pre)>code{color:var(--cyan)}& .siblings{border-top:1px solid var(--rule)}}:root[data-style=terminal]{color-scheme:dark;--bg:#0d1117;--fg:#c9d1d9;--muted:#7d8590;--rule:#21262d;--accent:#7ee787;--link:#79c0ff;--font-body:"JetBrains Mono", ui-monospace, Menlo, monospace;--page-width:52rem;--measure:100%;--body-size:.95rem;& body{font-size:.95rem;line-height:1.75}& ::selection{background:var(--accent);color:var(--bg)}& h1,& h2,& h3{color:#f0f6fc}& h1:before{content:"# ";color:var(--accent)}& main>h1,& .post>h1{font-size:1.6rem}& .post-body h2:before{content:"## ";color:var(--accent)}& .post-body h3:before{content:"### ";color:var(--accent)}& .site-header{border-bottom:1px dashed var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:2rem;padding:1.5rem 0;display:flex}& .brand{color:var(--accent);text-transform:lowercase;font-weight:700}& .brand:before{content:"~/";color:var(--muted)}& .brand:after{content:"▍";animation:1.1s step-end infinite blink}@media (prefers-reduced-motion:reduce){& .brand:after{animation:none}}& .site-nav a{color:var(--link)}& .site-nav a:before{content:"./";color:var(--muted)}& .site-footer{border-top:1px dashed var(--rule);color:var(--muted)}& .front-page{display:none}& .home-list{display:block}& .more{text-align:left}& .more a,& .pagination a,& .siblings a,& .post-body a{color:var(--link)}& .meta{font-size:.8rem}& .post-item{border-bottom:1px dashed var(--rule);grid-template-areas:"date""title""tags""desc";padding:.6rem 0}@media (width>=40rem){& .post-item{grid-template-columns:11rem 1fr auto;grid-template-areas:"date title tags"".desc desc";column-gap:1rem}}& .post-title{font-size:1rem}& .post-title a:hover{color:var(--accent)}& .post-tags{display:flex}& .post-desc{color:var(--muted);font-size:.85rem}& .tag-list a{color:var(--accent);font-size:.85rem;text-decoration:none}& .tag-list a:before{content:"#"}& .post-body pre,& .post-body code{font-family:var(--font-body)}& .post-body pre{border:1px solid var(--rule);border-radius:6px}& .post-body :not(pre)>code{background:#161b22;border-radius:4px;padding:.1em .35em}& .post-body img{border:1px solid var(--rule);border-radius:6px}& .post-body blockquote{border-left:2px solid var(--accent);color:var(--muted);margin-left:0;padding-left:1rem}& .siblings{border-top:1px dashed var(--rule);font-size:.85rem}}@keyframes blink{50%{opacity:0}}:root[data-style=tufte]{--bg:#fffff8;--fg:#111;--muted:#666;--rule:#ccc;--accent:#a00;--font-body:"EB Garamond", Palatino, "Book Antiqua", serif;--page-width:60rem;--measure:36rem;--body-size:1.3rem;@media (prefers-color-scheme:dark){--bg:#151515;--fg:#ddd;--muted:#999;--rule:#444;--accent:#e57373}& body{padding:0 1rem 0 max(1rem,8vw);line-height:1.55}& h1,& h2,& h3{font-style:italic;font-weight:400}& a{text-underline-offset:.15em;text-decoration-thickness:1px}& .site-header{flex-wrap:wrap;align-items:baseline;gap:.5rem 2rem;padding:3rem 0 2.5rem;display:flex}& .brand{font-size:1.6rem;font-style:italic}& .site-nav{font-variant:small-caps;letter-spacing:.05em;gap:1.25rem;font-size:1.1rem}& .site-nav a{color:var(--muted)}& .site-nav a:hover{color:var(--fg)}& .site-footer{color:var(--muted);font-size:.95rem}& .meta{font-variant:small-caps;letter-spacing:.05em;font-size:1rem}& .tag-list a{font-variant:small-caps;letter-spacing:.05em;color:var(--muted);font-size:1rem}& .front-page{display:none}& .home-list{max-width:var(--measure);display:block}& .more{text-align:left;font-style:italic}& main>h1{font-size:2.2rem}& .post-item{padding:1rem 0}& .post-title{font-size:1.6rem}& .post-title a:hover{color:var(--accent)}& .post-desc{font-size:1.15rem}& .post{margin:0}& .post>h1{margin-top:0;font-size:clamp(2.25rem,5vw,3.2rem)}& .post-body>p:first-child:first-line{font-variant:small-caps;letter-spacing:.03em}& .post-body blockquote{margin-left:0;padding-left:1.5rem;font-style:italic}& .post-body hr{text-align:center;border:none}& .post-body hr:after{content:"⁂";color:var(--muted)}& .post-body img{margin-left:0}& .siblings{margin-left:0;font-style:italic}& .comments{margin-left:0}}:root[data-style=zen]{--bg:#f7f4ec;--fg:#2b2b2b;--muted:#8a857a;--rule:#ddd6c8;--accent:#b7282e;--font-body:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--page-width:48rem;--measure:34rem;--body-size:1.05rem;@media (prefers-color-scheme:dark){--bg:#1a1917;--fg:#e6e1d6;--muted:#8f897c;--rule:#34312b;--accent:#e0574f}& body{letter-spacing:.02em;line-height:2}& h1,& h2,& h3{letter-spacing:.08em;font-weight:600;line-height:1.5}& .site-header{flex-direction:column;align-items:center;gap:1rem;padding:4rem 0 4.5rem;display:flex}& .brand{letter-spacing:.35em;align-items:center;gap:.75rem;font-size:1.05rem;display:flex}& .brand:before{content:"青";background:var(--accent);width:2rem;height:2rem;color:var(--bg);letter-spacing:0;border-radius:3px;place-items:center;font-size:1rem;display:grid}& .site-nav{letter-spacing:.2em;gap:2rem;font-size:.8rem}& .site-nav a{color:var(--muted)}& .site-nav a:hover{color:var(--accent)}& .site-footer{text-align:center;color:var(--muted);letter-spacing:.2em;margin-top:6rem}& .meta{letter-spacing:.15em;font-size:.8rem}& .tag-list{justify-content:center}& .tag-list a{color:var(--muted);letter-spacing:.15em;font-size:.8rem;text-decoration:none}& .tag-list a:hover{color:var(--accent)}& .front-page{display:none}& .home-list{max-width:var(--measure);margin:0 auto;display:block}& .more{text-align:center;letter-spacing:.2em;font-size:.85rem}& .more a{color:var(--muted);text-decoration:none}& main>h1{text-align:center;margin-bottom:2.5rem;font-size:1.4rem}& main>.meta{text-align:center}& .post-item{text-align:center;grid-template-areas:"date""title""desc";justify-items:center;padding:2rem 0}& .post-item+.post-item{background:linear-gradient(var(--rule), var(--rule)) top center / 1.5rem 1px no-repeat}& .post-title{font-size:1.3rem}& .post-title a:hover{color:var(--accent)}& .post-desc{color:var(--muted);font-size:.95rem}& .post>h1{text-align:center;margin-bottom:1rem;font-size:clamp(1.6rem,5vw,2.2rem)}& .post>.meta{text-align:center}& .post-body{margin-top:3rem}& .post-body p{margin:0 0 1.6em}& .post-body a{color:var(--accent);border-bottom:1px solid;text-decoration:none}& .post-body img{margin:3rem auto}& .post-body hr{text-align:center;border:none;margin:3rem 0}& .post-body hr:after{content:"・ ・ ・";color:var(--muted);letter-spacing:.5em}& .post-body blockquote{border-left:1px solid var(--accent);color:var(--muted);margin:2rem 0;padding:0 1.5rem}& .siblings{letter-spacing:.1em;margin-top:5rem;font-size:.85rem}& .siblings a{color:var(--muted);text-decoration:none}}:root{color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#555;--rule:#ddd;--accent:currentColor;--font-body:system-ui, sans-serif;--font-head:var(--font-body);--font-ui:var(--font-body);--page-width:72rem;--measure:42rem;--body-size:1.1rem}*{box-sizing:border-box}body{max-width:var(--page-width);background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0 auto;padding:0 1rem;line-height:1.6}a{color:inherit}h1,h2,h3{font-family:var(--font-head);line-height:1.2}img,video{max-width:100%;height:auto}pre{padding:1rem;overflow-x:auto}.dateline{display:none}.brand{text-decoration:none}.site-nav{font-family:var(--font-ui);flex-wrap:wrap;gap:1rem;display:flex}.site-nav a{text-decoration:none}.site-footer{font-family:var(--font-ui);margin-top:3rem;padding:1rem 0;font-size:.8rem}.meta{color:var(--muted);font-family:var(--font-ui);font-size:.85rem}.tag-list{font-family:var(--font-ui);flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.post-list{margin:0;padding:0;list-style:none}.post-item{grid-template-areas:"title""date""tags""desc";padding:.75rem 0;display:grid}.post-item>*{margin:.15rem 0}.post-title{grid-area:title;font-size:1.4rem}.post-title a{text-decoration:none}.post-date{grid-area:date}.post-tags{grid-area:tags;display:none}.post-desc{grid-area:desc}.pagination{font-family:var(--font-ui);justify-content:space-between;margin-top:1.5rem;font-size:.9rem;display:flex}.home-list{display:none}.front-page{gap:1.5rem;display:grid}.front-page h1 a,.front-page h2 a,.briefs a{text-decoration:none}.cover{display:none}.more{text-align:right;font-family:var(--font-ui)}.post{max-width:var(--measure);margin:0 auto}.post>h1{margin-bottom:.25rem;font-size:clamp(2rem,5vw,3rem)}.post-body{font-size:var(--body-size)}.post-body img{width:auto;max-height:80vh;margin:1.5rem auto;display:block}.siblings{max-width:var(--measure);font-family:var(--font-ui);justify-content:space-between;gap:1rem;margin:2rem auto 0;padding-top:1rem;display:flex}.comments{max-width:var(--measure);margin:2rem auto 0}#search .pagefind-ui{--pagefind-ui-font:var(--font-ui);--pagefind-ui-text:var(--fg);--pagefind-ui-background:var(--bg);--pagefind-ui-border:var(--rule);--pagefind-ui-primary:var(--fg);--pagefind-ui-tag:var(--rule)}.style-switcher{z-index:10;color:#111;background:#fff;border:1px solid #ccc;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font:.8rem system-ui,sans-serif;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 2px 8px #00000026}