:root{--bg:#f5f2ea;--panel:#fffdf8;--recess:#efe9db;--screen:#fffdf8;--ink:#1d212a;--dim:#575f6e;--cream:#8a6d1f;--acc:#b0551d;--acc-br:#c96a2e;--mint:#1f7a52;--blue:#2a5f96;--line:#ddd6c6;--hl:#c9c0aa;--head:#12161f;--bartext:#ece2cc;--mono: ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;--shadow-hard: 3px 3px 0 rgba(0,0,0,.14)}@media (prefers-color-scheme:dark){:root{--bg:#0d1118;--panel:#151b26;--recess:#0f141d;--screen:#0a0e15;--ink:#dbe1ea;--dim:#96a0b1;--cream:#e7ddc4;--acc:#d97b3f;--acc-br:#f0925a;--mint:#5ce8b4;--blue:#7fb0ff;--line:#28303e;--hl:#3c4759;--head:#080b10;--shadow-hard: 3px 3px 0 rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-text-size-adjust:100%;display:flex;flex-direction:column}::selection{background:var(--acc);color:#fff}a{color:var(--acc)}.wb-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:18px;background:var(--head);color:var(--bartext);padding:10px 18px;border-bottom:3px solid var(--acc);font-family:var(--mono);font-size:12.5px;letter-spacing:1px;text-transform:uppercase}.wb-bar a{color:inherit;text-decoration:none;opacity:.82}.wb-bar a:hover{opacity:1;text-decoration:underline}.wb-brand{font-weight:700;opacity:1!important;display:flex;align-items:center;gap:1px;white-space:nowrap}.wb-brand .amp{color:var(--acc-br)}.wb-nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}.wb-nav a.on{opacity:1;text-decoration:underline;text-decoration-color:var(--acc-br);text-underline-offset:3px}.magazine{width:100%;max-width:1080px;margin:0 auto;padding:34px 22px 0;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;flex:1}.masthead{grid-column:span 12;padding:8px 0 4px}.masthead h1{font-family:var(--mono);font-size:clamp(28px,6vw,44px);line-height:1.1;margin:4px 0 6px;color:var(--ink)}.masthead h1 .amp{color:var(--acc)}.masthead .rule{width:88px;height:6px;background:repeating-linear-gradient(90deg,var(--acc) 0 8px,transparent 8px 12px);margin:10px 0 16px}.masthead .sub{color:var(--dim);font-size:16px;margin:0;max-width:62ch}.section-title{grid-column:span 12;font-family:var(--mono);font-size:14px;color:var(--acc);text-transform:uppercase;letter-spacing:3px;margin:20px 0 4px;display:flex;align-items:center;gap:16px}.section-title .idx{color:var(--dim);font-size:12px;letter-spacing:2px}.section-title:after{content:"";flex:1;height:1px;background:var(--line)}.wb-window{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-hard)}.wb-titlebar{display:flex;align-items:center;gap:12px;background:var(--recess);border-bottom:1px solid var(--line);padding:9px 13px;user-select:none}.wb-titlebar .stripes{flex:1}.wb-titlebar .wb-title{color:var(--dim);font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.wb-gadget{width:22px;height:22px;flex:0 0 auto;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--dim);display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.wb-gadget:hover{border-color:var(--acc);color:var(--acc)}.gadget{font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:8px 14px;cursor:pointer;user-select:none;text-decoration:none;display:inline-block}.gadget:hover{color:var(--acc);border-color:var(--acc)}.gadget.on{color:#fff;background:var(--acc);border-color:var(--acc);font-weight:700}.gadget.blue{color:#fff;background:var(--acc);border-color:var(--acc);font-weight:700;box-shadow:3px 3px #00000024}.gadget.blue:hover{filter:brightness(1.08);color:#fff}.posts-grid{grid-column:span 12;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.post-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--acc);padding:20px;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.post-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #00000014}.post-card .meta{display:flex;gap:12px;margin-bottom:10px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--mono)}.post-card .date{color:var(--blue)}.post-card .tagchip{color:var(--mint)}.post-card h3{margin:0 0 10px;color:var(--ink);font-size:18px;line-height:1.3}.post-card p{color:var(--dim);font-size:14px;margin:0 0 18px;flex-grow:1}.markdown-content{font-size:15px;color:var(--ink)}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--acc);font-family:var(--mono);letter-spacing:.5px}.markdown-content a{color:var(--acc)}.markdown-content code{background:var(--recess);padding:2px 6px;border:1px solid var(--line);font-size:13px}.markdown-content pre{background:var(--recess);border:1px solid var(--line);padding:14px;overflow-x:auto}.markdown-content pre code{border:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--acc);margin-left:0;padding-left:16px;color:var(--dim)}footer{grid-column:span 12;margin-top:56px;padding:18px 0 26px;border-top:1px solid var(--line);color:var(--dim);font-size:13px;text-align:center}@media (max-width:768px){.magazine{gap:16px;padding:24px 14px 0}.wb-bar{gap:10px;padding:9px 12px;font-size:11px}}