: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);background:var(--card);color:var(--txt);border:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 30px #ff3fb422}.hero-img{aspect-ratio:16/9;background:var(--bg2);overflow:hidden}.hero-img img{object-fit:cover;width:100%;height:100%}.hero-txt{padding:18px 24px 22px}.hero-txt .meta{margin-top:0}.hero-txt time{color:var(--mut)}.hero-main h1{margin:10px 0 8px;font-size:1.9rem;line-height:1.2}.hero-main p{color:var(--mut);margin:0}.hero-main:hover{border-color:var(--cy)}.hero-main:hover h1{color:var(--cy)}.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-txt{padding:14px 16px 18px}.hero-main h1{font-size:1.4rem}.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{font-size:.92rem}}.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%}}.cat-desc{max-width:760px;color:var(--mut);margin:-8px 0 24px;font-size:1.05rem}.m-only{display:none}@media (width<=768px){:root{--tab-h:62px}html{-webkit-text-size-adjust:100%}body{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}.wrap{padding:0 16px}main{padding:14px 16px 28px}.bar{gap:6px;height:56px}.brand{gap:8px;min-width:0;font-size:1.02rem;overflow:hidden}.brand span{text-overflow:ellipsis;overflow:hidden}.brand img{width:34px;height:34px}.brand{min-height:44px}.qs{display:none}.m-only.m-icon{display:inline-flex}.m-icon,.menu{border:1px solid var(--line);background:var(--bg2);width:44px;height:44px;color:var(--txt);border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:inline-flex}.m-search{margin-left:auto}.menu{margin-left:0;display:inline-flex}.m-icon:active,.menu:active{border-color:var(--cy);color:var(--cy)}.cats,.nav-open .cats{border-top:1px solid var(--line);background:#14061ff2;display:block}.cats .wrap{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding:8px 16px;scroll-padding-inline:16px;overflow-x:auto}.cats .wrap::-webkit-scrollbar{display:none}.cats a{scroll-snap-align:start;border:1px solid var(--line);background:var(--bg2);border-bottom-width:1px;border-radius:999px;flex:none;align-items:center;min-height:40px;padding:0 16px;font-size:.9rem;display:inline-flex}.cats a.on,.cats a:hover{color:#14061f;background:linear-gradient(90deg,var(--cy),#7fd8ff);border-color:#0000}.cats a.c-extra{display:none}.m-drawer{inset:0 0 calc(var(--tab-h) + env(safe-area-inset-bottom)) 0;z-index:30;backdrop-filter:blur(10px);visibility:hidden;background:#14061ffa;padding:72px 16px 16px;transition:transform .22s;display:block;position:fixed;overflow-y:auto;transform:translateY(-102%)}.nav-open .m-drawer{visibility:visible;transform:none}.nav-open .top{z-index:31}.nav-open .cats{display:none}.m-drawer-h{color:var(--mut);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:.78rem}.m-sec{border:1px solid var(--line);background:var(--bg2);min-height:56px;color:var(--txt);border-radius:12px;flex-direction:column;gap:2px;margin-bottom:8px;padding:12px 14px;display:flex}.m-sec b{font-size:1.02rem}.m-sec small{color:var(--mut);font-size:.82rem;line-height:1.35}.m-sec.on{border-color:var(--cy)}.m-sec.on b{color:var(--cy)}.m-drawer-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.m-drawer-links a{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.m-only.m-tabbar{display:grid}.m-tabbar{z-index:32;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#1a0829f5;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0008}.m-tabbar a,.m-tabbar button{min-height:44px;color:var(--mut);font:inherit;letter-spacing:.3px;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;display:flex}.m-tabbar svg{width:22px;height:22px}.m-tabbar .on{color:var(--cy)}.m-tabbar .on svg{filter:drop-shadow(0 0 6px #22e6ff88)}.nav-open .m-tabbar button{color:var(--pk)}.hero{grid-template-columns:1fr;gap:16px}.hero-main{border-radius:16px}.hero-txt{padding:14px 16px 18px}.hero-main h1{font-size:1.45rem;line-height:1.22}.hero-main p{font-size:.95rem;line-height:1.5;display:block}.m-only.m-feat{display:inline-flex}.m-feat{background:linear-gradient(90deg,var(--pk),#c03cff);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:800}.hero-side{gap:16px}.hero-side .card,.grid .card,.card.big{border-radius:16px;padding:0 0 16px;display:block}.hero-side .card .thumb,.grid .card .thumb,.card.big .thumb{aspect-ratio:16/9;border-radius:0;min-height:0}.card .meta,.card h3,.card p,.hero-side .card .meta,.hero-side .card h3{padding:0 16px}.card .meta{margin-top:12px;font-size:.82rem}.card h3,.card.big h3,.hero-side .card h3{margin-top:6px;font-size:1.14rem;line-height:1.3}.card.big p{margin:8px 0 0;font-size:.92rem}.card{position:relative}.card h3 a:after{content:"";border-radius:16px;position:absolute;inset:0}.card .pill{z-index:1;padding:4px 10px;position:relative}.card:hover{transform:none}.grid{grid-template-columns:1fr;gap:16px}.home-cats{display:none}.sec{margin:28px 0 12px;font-size:1.05rem}.page-h{margin:4px 0 12px;font-size:1.7rem}.cat-desc{margin:-4px 0 18px;font-size:.95rem}.post h1{font-size:1.65rem;line-height:1.22}.dek{font-size:1.04rem;line-height:1.5}.post .cover{border-left:0;border-right:0;border-radius:0;width:calc(100% + 32px);max-width:none;margin:16px -16px}.prose{font-size:1.06rem;line-height:1.72}.prose h2{font-size:1.32rem;line-height:1.3}.prose h3{font-size:1.15rem}.prose img{border-radius:10px;width:100%;height:auto}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose pre{background:var(--bg2);border-radius:8px;max-width:100%;padding:12px;overflow-x:auto}.prose table{max-width:100%;display:block;overflow-x:auto}.tags .tag{align-items:center;min-height:40px;padding:0 14px;display:inline-flex}.post-sub{margin-top:24px}#search .pagefind-ui__search-input{height:52px;font-size:16px}#search .pagefind-ui__result-link{font-size:1.05rem}.subscribe{border-radius:16px;padding:18px}.sub-form input[type=email],.sub-form button{min-height:48px;font-size:16px}.foot{padding:22px 0}.foot p a{padding:8px 4px;display:inline-block}}@media (width<=380px){.brand{gap:6px;font-size:.92rem}.brand img{width:30px;height:30px}.bar{gap:4px}}@media (width>=769px){.cats .wrap{gap:2px}.cats a{padding:10px 9px;font-size:.88rem}}@media (width>=769px) and (width<=1179px){.cats .wrap{gap:0}.cats a{padding:10px 7px;font-size:.84rem}}