:root{--bg:#EEF1FA;--panel:#fff;--ink:#15173D;--mute:#5d6086;--line:#d8dcef;--brand:#4B3BFF;--hack:#B87800;--ai:#4B3BFF;--tech:#008F7A;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F1030;--panel:#191B4A;--ink:#EDEEFF;--mute:#a4a7d6;--line:#2c2f6b;--brand:#8a7fff;--hack:#FFC13B;--ai:#9d94ff;--tech:#3ad6bb}}:root[data-theme=dark]{--bg:#0F1030;--panel:#191B4A;--ink:#EDEEFF;--mute:#a4a7d6;--line:#2c2f6b;--brand:#8a7fff;--hack:#FFC13B;--ai:#9d94ff;--tech:#3ad6bb}html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 "Source Serif 4",Georgia,serif}h1,h2,h3,h4,.ui,.chip,.tag,.d,.meta,footer,.logo,.back{font-family:Bricolage Grotesque,Segoe UI,system-ui,sans-serif}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}header{display:flex;align-items:center;gap:16px;padding:18px 0;flex-wrap:wrap}.logo{font-weight:800;font-size:26px;letter-spacing:-.03em;text-decoration:none}.logo i{font-style:normal;color:var(--brand)}.grow{flex:1}nav{display:flex;gap:8px;flex-wrap:wrap}.chip{font-weight:500;font-size:15px;border:1.5px solid var(--line);color:var(--ink);padding:6px 15px;border-radius:999px;text-decoration:none}.chip[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}input[type=search]{font:500 15px Bricolage Grotesque,system-ui,sans-serif;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);width:200px;max-width:100%}.theme{border:0;background:none;color:var(--ink);font-size:20px;cursor:pointer}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hero{margin:22px 0 34px;display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:end}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:-.035em;margin:0 0 14px;font-weight:800}.hero p{margin:0;color:var(--mute);max-width:46ch}.stamp{display:block;background:var(--brand);color:#fff;border-radius:18px;padding:20px;text-decoration:none}.stamp small{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-size:14px;opacity:.85}.stamp h2{font-size:24px;line-height:1.15;margin:6px 0 8px;letter-spacing:-.02em}.stamp span{font-size:15px;opacity:.9}.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.post{position:relative;display:grid;grid-template-columns:96px 1fr;gap:18px;padding:22px 0;border-top:1.5px solid var(--line)}.post[hidden]{display:none}.post .d{font-weight:500;font-size:14px;color:var(--mute)}.tag{display:inline-block;font-weight:800;font-size:13px;color:var(--c);margin-bottom:4px}.tag:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:6px}.post h3{margin:0 0 6px;font-size:23px;line-height:1.2;letter-spacing:-.02em}.post h3 a{text-decoration:none}.post h3 a:after{content:"";position:absolute;inset:0}.post:hover h3{color:var(--brand)}.post p{margin:0;color:var(--mute);font-size:16px}.hack{--c:var(--hack)}.ai{--c:var(--ai)}.tech{--c:var(--tech)}.ad{margin:22px 0;text-align:center;overflow:hidden}.ad.side{min-height:250px}.ad.ph{border:1.5px dashed var(--line);border-radius:12px;display:grid;place-items:center;min-height:100px;color:var(--mute);font-size:13px}.art{max-width:680px}.art h1{font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 10px}.meta{font-weight:500;font-size:14px;color:var(--mute);margin-bottom:26px}.art p,.art li{line-height:1.7}.art p{margin:0 0 1.15em}.art h2,.art h3{margin:1.6em 0 .5em;letter-spacing:-.02em}.art img{max-width:100%;height:auto;border-radius:12px}.art figure{margin:1.4em 0}.art blockquote{margin:1.4em 0;padding-left:18px;border-left:4px solid var(--brand);color:var(--mute)}.art pre,.art code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.art pre{overflow-x:auto;background:var(--panel);padding:14px;border-radius:10px}.back{display:inline-block;font-size:15px;color:var(--brand);margin:14px 0}footer{border-top:1.5px solid var(--line);margin-top:50px;padding:26px 0 40px;color:var(--mute);font-weight:500;font-size:14px;display:flex;gap:18px;flex-wrap:wrap}@media(max-width:820px){.hero,.cols{grid-template-columns:1fr}.post{grid-template-columns:1fr;gap:4px}}