:root{--bg:#14061f;--bg2:#1f0b31;--card:#260f3c;--line:#3d1c5c;--txt:#ece6f5;--mut:#a99bbd;--cy:#22e6ff;--pk:#ff3fb4;--rad:12px}*{box-sizing:border-box}html{background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}a{color:var(--cy);text-decoration:none}a:hover{color:var(--pk)}img{max-width:100%;display:block}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.muted{color:var(--mut)}.top{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#14061fee;position:sticky;top:0}.bar{align-items:center;gap:16px;height:64px;display:flex}.brand{color:var(--txt);letter-spacing:.3px;white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.brand img{box-shadow:0 0 12px var(--pk);border-radius:50%}.brand b{color:var(--cy);text-shadow:0 0 10px #22e6ff88}.qs{margin-left:auto}.qs input{background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:999px;width:220px;padding:8px 14px}.qs input:focus{border-color:var(--cy);outline:none;box-shadow:0 0 0 3px #22e6ff33}.menu{border:1px solid var(--line);color:var(--txt);background:0 0;border-radius:8px;padding:4px 10px;font-size:1.2rem;display:none}.cats{border-top:1px solid var(--line);background:linear-gradient(90deg,#2a0d40,#1a0729)}.cats .wrap{gap:4px;display:flex;overflow-x:auto}.cats a{color:var(--txt);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 14px;font-size:.92rem;font-weight:600}.cats a:hover,.cats a.on{color:var(--cy);border-bottom-color:var(--pk)}main{padding:24px 20px 48px}.hero{grid-template-columns:2fr 1fr;gap:20px;display:grid}.hero-main{border-radius:var(--rad);min-height:440px;color:var(--txt);border:1px solid var(--line);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;padding:28px;display:flex;box-shadow:0 0 30px #ff3fb422}.hero-main h1{text-shadow:0 2px 12px #000;margin:10px 0 8px;font-size:2.1rem;line-height:1.15}.hero-main p{color:#ddd;margin:0 0 8px}.hero-main:hover h1{color:var(--cy)}.hero-main time{color:var(--mut);font-size:.85rem}.hero-side{flex-direction:column;gap:14px;display:flex}.hero-side .card{grid-template-rows:auto 1fr;grid-template-columns:120px 1fr;column-gap:12px;padding:10px;display:grid}.hero-side .card .thumb{aspect-ratio:16/10;grid-row:span 2}.hero-side .card h3{font-size:.95rem}.sec{border-left:4px solid var(--pk);text-transform:uppercase;letter-spacing:1px;margin:36px 0 14px;padding-left:12px;font-size:1.25rem}.sec a{color:var(--txt)}.page-h{background:linear-gradient(90deg,var(--cy),var(--pk));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 20px;font-size:2rem;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:0 0 14px;transition:all .15s;overflow:hidden}.card:hover{border-color:var(--cy);transform:translateY(-2px);box-shadow:0 0 18px #22e6ff33}.card .thumb{aspect-ratio:16/9;background:var(--bg2);border-radius:8px;display:block;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%}.grid .card .thumb{border-radius:0}.ph{background:radial-gradient(circle,#3a1260,#14061f);place-items:center;width:100%;height:100%;display:grid}.ph img{opacity:.8;width:64px}.card .meta,.card h3,.card p{padding:0 14px}.hero-side .card .meta,.hero-side .card h3{padding:0}.meta{color:var(--mut);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.8rem;display:flex}.pill{color:var(--pk);text-transform:uppercase;letter-spacing:.5px;background:#ff3fb422;border:1px solid #ff3fb466;border-radius:999px;padding:1px 10px;font-size:.72rem;font-weight:700}.pill.sample{color:#ffd23f;background:#ffd23f22;border-color:#ffd23f66}.card h3{margin:6px 0 0;font-size:1.05rem;line-height:1.3}.card h3 a{color:var(--txt)}.card h3 a:hover{color:var(--cy)}.card p{color:var(--mut);font-size:.9rem}.card.big{grid-column:1/-1;grid-template-columns:1.4fr 1fr;padding:0;display:grid}.card.big .meta{margin-top:24px}.card.big h3{font-size:1.6rem}.card.big>:not(.thumb){grid-column:2}.card.big .thumb{aspect-ratio:auto;grid-row:1/span 3;min-height:280px}.post{max-width:780px;margin:0 auto}.post h1{margin:10px 0;font-size:2.4rem;line-height:1.15}.dek{color:var(--mut);font-size:1.15rem}.by{color:var(--cy);font-weight:600}.cover{border-radius:var(--rad);border:1px solid var(--line);margin:20px 0}.prose{font-size:1.07rem}.prose h2{border-bottom:1px solid var(--line);margin-top:2em;padding-bottom:6px}.prose h2,.prose h3,.prose strong{color:#fff}.prose code{background:var(--bg2);color:var(--cy);border-radius:4px;padding:2px 6px}.prose blockquote{border-left:4px solid var(--cy);background:var(--bg2);border-radius:0 8px 8px 0;margin:1em 0;padding:10px 18px}.prose a{text-decoration:underline}.tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.tag{background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.88rem}.tags.big .tag{font-size:1rem}.tag small{color:var(--mut)}.foot{border-top:1px solid var(--line);background:var(--bg2);text-align:center;padding:28px 0;font-size:.9rem}.foot img{opacity:.85;margin:0 auto 8px}#search{--pagefind-ui-primary:#22e6ff;--pagefind-ui-text:#ece6f5;--pagefind-ui-background:#1f0b31;--pagefind-ui-border:#3d1c5c;--pagefind-ui-tag:#260f3c;--pagefind-ui-font:inherit}@media (width<=860px){.hero{grid-template-columns:1fr}.hero-main{min-height:340px;padding:20px}.hero-main h1{font-size:1.5rem}.card.big{padding-bottom:14px;display:block}.card.big .thumb{aspect-ratio:16/9;min-height:0}.card.big .meta{margin-top:10px}.card.big h3{font-size:1.2rem}}@media (width<=600px){.qs{display:none}.menu{margin-left:auto;display:block}.brand{font-size:1rem}.cats{display:none}.nav-open .cats{display:block}.cats .wrap{flex-direction:column}.post h1{font-size:1.7rem}.hero-main p{display:none}}.prose,#search{overflow-wrap:anywhere}body{overflow-x:hidden}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.subscribe{border:1px solid var(--line);border-radius:var(--rad);text-align:left;background:radial-gradient(120% 140% at 0 0,#3a1260 0,#1f0b31 55%,#14061f 100%);grid-template-columns:1.2fr 1fr;align-items:center;gap:12px 24px;margin:0 0 24px;padding:26px;display:grid;box-shadow:0 0 0 1px #22e6ff22,0 0 28px #ff3fb422}.subscribe h2{color:#fff;margin:0 0 6px;font-size:1.4rem}.subscribe h2:before{content:"✉ ";color:var(--pk)}.subscribe p{color:var(--mut);margin:0}.sub-form{gap:8px;display:flex}.sub-form input[type=email]{border:1px solid var(--line);min-width:0;color:var(--txt);font:inherit;background:#14061f;border-radius:999px;flex:1;padding:12px 16px}.sub-form input[type=email]:focus{border-color:var(--cy);outline:none;box-shadow:0 0 0 3px #22e6ff33}.sub-form button{background:linear-gradient(90deg,var(--pk),#c03cff);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-weight:800;box-shadow:0 0 16px #ff3fb466}.sub-form button:hover{filter:brightness(1.15);box-shadow:0 0 20px var(--cy)}.sub-fine{grid-column:1/-1;font-size:.78rem}.sub-fine a{color:var(--mut);text-decoration:underline}.post-sub{max-width:780px;margin:32px auto 0}.cats a.nav-sub{color:var(--pk)}@media (width<=760px){.subscribe{grid-template-columns:1fr;padding:20px}.sub-form{flex-direction:column}.sub-form button{width:100%}}