.cat{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.85;border:1px solid;border-radius:999px;padding:6px 12px;font-size:.66rem;font-weight:500;display:inline-block}.meta{font-family:var(--mono);color:var(--sub,var(--text-2));font-size:.72rem}.pill:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.b-hero{background:radial-gradient(ellipse 70% 60% at 50% 0, var(--bg-hi), transparent 70%), var(--bg);padding:clamp(116px,15vw,170px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}.b-ghost{z-index:0;letter-spacing:-.065em;color:rgba(var(--line-rgb), .055);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,30vw,30rem);font-weight:800;line-height:.8;position:absolute;bottom:-.16em;left:50%;transform:translate(-50%)}.b-title{letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance;margin-top:clamp(26px,4vw,48px);font-size:clamp(2.4rem,7vw,6rem);font-weight:800;line-height:1.02}.b-title .in{padding-left:1em;display:inline-block}@media (width>=900px){.b-title .in{display:inline}}.b-lead{max-width:34rem;color:var(--text-2);margin-top:22px}.mg-lead{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:36px;grid-area:lead;gap:20px;padding:clamp(16px,2.6vw,28px);display:grid}.mg-lead:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0303031a}.mg-lead-art{background:radial-gradient(ellipse 70% 80% at 80% 10%, #3fd17a4d, transparent 60%), var(--deep);border-radius:26px;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.mg-lead-art code{font-family:var(--mono);color:#d9ffe8;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:16px 22px;font-size:clamp(.78rem,1.5vw,1rem);line-height:1.7}.mg-lead-art code span{color:var(--green)}.mg-lead-art .toon{--toon:clamp(72px, 9vw, 104px);position:absolute;bottom:18px;right:18px}.mg-cover{object-fit:cover;width:100%;height:100%;transition:scale .6s var(--ease);position:absolute;inset:0}.mg-lead:hover .mg-cover,.mg-card:hover .mg-cover{scale:1.04}.mg-lead-art .toon,.mg-thumb .toon,.mg-thumb .cat{z-index:1}.mg-lead-txt{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.mg-lead h2{letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.9rem,4.4vw,3.6rem);font-weight:800;line-height:1.02}.mg-lead-p{max-width:32rem;color:var(--text-2)}.mg-lead-foot{align-items:center;gap:14px;margin-top:6px;display:flex}.mg-go{background:var(--green);width:46px;height:46px;transition:rotate .35s var(--ease);border-radius:50%;place-items:center;font-weight:700;display:grid}.mg-lead:hover .mg-go{rotate:-45deg}@media (width>=760px){.mg-lead{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:36px}.mg-lead-art{order:2;min-height:320px}.mg-lead-txt{padding-left:12px}}@media (prefers-reduced-motion:reduce){.mg-lead,.mg-go{transition:none}}.progress{z-index:80;transform-origin:0;background:var(--green);width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.a-hero{padding:clamp(112px,14vw,160px) 0 clamp(36px,5vw,60px);position:relative;overflow:hidden}.back{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:inline-flex}.back:hover{color:var(--accent-text)}.a-title{letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance;max-width:18ch;margin-top:clamp(22px,3.4vw,40px);font-size:clamp(2.3rem,6.4vw,5.4rem);font-weight:800;line-height:1.03}.a-title .in{padding-left:.9em;display:inline-block}.a-meta{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px;display:flex}.who{align-items:center;gap:12px;font-size:.9rem;display:flex}.who .avatar{width:44px;height:44px}.who b{font-weight:800;line-height:1.1;display:block}.who small{font-family:var(--mono);color:var(--text-2);font-size:.68rem}.demo{background:var(--deep);color:var(--white);background-image:radial-gradient(60% 80% at 0 0,#3fd17a33,#0000 62%);border-radius:36px;margin-top:clamp(30px,5vw,56px);padding:clamp(20px,3.4vw,40px);position:relative;overflow:hidden}.demo-top{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b9bdc2;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.72rem;display:flex}.demo-top b{color:var(--green);font-weight:500}.demo-stage{max-width:100%;width:var(--w,100%);border:1px dashed #ffffff4d;border-radius:20px;margin:22px auto 18px;padding:clamp(18px,3vw,34px);transition:width 80ms linear;overflow:hidden}.demo-stage h2{font-size:var(--fs,3rem);letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere;font-weight:800;line-height:1.04}.demo-stage p{color:#b9bdc2;margin-top:10px;font-size:.9rem}.demo input[type=range]{width:100%;accent-color:var(--green);height:28px}.demo-read{font-family:var(--mono);color:#c9ccd0;flex-wrap:wrap;gap:8px 22px;margin-top:8px;font-size:.76rem;display:flex}.demo-read b{color:var(--white);font-weight:500}.a-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:clamp(36px,5vw,64px);display:grid}@media (width>=1000px){.a-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:56px}}.toc{background:var(--glass);border:1px solid rgba(var(--line-rgb), .06);border-radius:24px;padding:20px;position:sticky;top:92px}.toc h2{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.7rem;font-weight:500}.toc ol{counter-reset:t;gap:2px;margin-top:12px;list-style:none;display:grid}.toc li{counter-increment:t}.toc a{color:var(--text-3);gap:10px;padding:7px 0;font-size:.86rem;font-weight:600;transition:color .2s;display:flex}.toc a:before{content:counter(t, decimal-leading-zero);font-family:var(--mono);padding-top:3px;font-size:.68rem}.toc a:hover,.toc a.on{color:var(--text)}.toc a.on{font-weight:800}@media (width<=999px){.toc{position:static}.toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}.prose{max-width:44rem;font-size:clamp(1.02rem,1.4vw,1.12rem);line-height:1.75}.prose>*+*{margin-top:1.25em}.prose h2{letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;margin-top:2.4em;scroll-margin-top:90px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.08}.prose h2 .n{font-family:var(--mono);letter-spacing:.08em;color:var(--accent-text);margin-bottom:10px;font-size:.72rem;font-weight:500;display:block}.prose p,.prose li{color:var(--prose)}.prose strong{color:var(--text)}.prose ul{gap:.5em;padding-left:1.2em;display:grid}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:3px;text-decoration-thickness:2px}.prose :not(pre)>code{font-family:var(--mono);background:rgba(var(--line-rgb), .07);border-radius:8px;padding:.14em .45em;font-size:.86em}.prose pre{background:var(--deep);color:#e8ecef;font-family:var(--mono);tab-size:2;border-radius:22px;padding:22px 24px;font-size:.85rem;line-height:1.7;position:relative;overflow-x:auto}.prose pre .k{color:var(--green)}.prose pre .v{color:#ffd479}.prose pre.astro-code{--astro-code-background:var(--deep);--astro-code-foreground:#e8ecef;--astro-code-token-keyword:var(--green);--astro-code-token-constant:#8fe0b0;--astro-code-token-string:#ffd479;--astro-code-token-string-expression:#ffd479;--astro-code-token-function:#9ccfff;--astro-code-token-parameter:#e8ecef;--astro-code-token-punctuation:#b4b9bd;--astro-code-token-comment:#8d9297;--astro-code-token-link:var(--green)}.prose pre .cap{letter-spacing:.08em;text-transform:uppercase;color:#8d9297;margin-bottom:10px;font-size:.68rem;display:block}.copy{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c9ccd0;border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;font-size:.66rem;transition:background .2s,color .2s;position:absolute;top:12px;right:12px}.copy:hover{background:var(--white);color:var(--ink)}.table{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);border-radius:22px;overflow-x:auto}.table table{border-collapse:collapse;width:100%;min-width:440px;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid rgba(var(--line-rgb), .07);padding:14px 18px}.table th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.68rem;font-weight:500}.table tr:last-child td{border-bottom:0}.table td:first-child{font-family:var(--mono);font-size:.82rem}.prose,.a-layout>*{min-width:0}.author{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);border-radius:32px;gap:18px;margin-top:clamp(40px,6vw,72px);padding:clamp(22px,3vw,34px);display:grid}.author .avatar{width:84px;height:84px}.author h3{letter-spacing:-.03em;text-transform:uppercase;font-size:1.4rem;font-weight:800}.author p{color:var(--text-2);max-width:36rem;margin-top:6px;font-size:.95rem}@media (width>=700px){.author{grid-template-columns:auto 1fr auto;align-items:center}}.ax-isl{background:var(--deep);color:var(--white);background-image:radial-gradient(60% 80% at 0 0,#3fd17a33,#0000 62%);border-radius:36px;margin-top:clamp(30px,5vw,56px);padding:clamp(20px,3.4vw,40px);position:relative;overflow:hidden}.ax-isl-top{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b9bdc2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:.72rem;display:flex}.ax-isl-top b{color:var(--green);font-weight:500}.ax-switch{border:1px solid #ffffff29;border-radius:999px;padding:4px;display:inline-flex}.ax-switch button{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c9ccd0;transition:background .3s var(--ease), color .3s;border-radius:999px;padding:8px 16px;font-size:.7rem}.ax-switch button[aria-pressed=true]{background:var(--green);color:var(--ink)}.ax-switch button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ax-page{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"nav search""hero hero""text text""gal like""foot foot";gap:10px;margin-top:22px;display:grid}.ax-part{color:#c9ccd0;min-height:58px;transition:border-color .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease), color .4s;background:#ffffff08;border:1px dashed #ffffff38;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:12px 14px;font-size:.82rem;font-weight:600;display:flex;position:relative}.ax-part code{font-family:var(--mono);color:var(--green);font-size:.66rem;font-weight:500}.ax-part:after{content:"JS";background:var(--green);color:var(--ink);font-family:var(--mono);opacity:0;transition:opacity .3s, transform .4s var(--ease);border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:500;position:absolute;top:8px;right:8px;transform:scale(.6)}.ax-p-nav{grid-area:nav}.ax-p-search{grid-area:search}.ax-p-hero{grid-area:hero;min-height:74px}.ax-p-text{grid-area:text;justify-content:flex-start}.ax-p-text i{background:#ffffff1f;border-radius:4px;height:6px;display:block}.ax-p-text i:nth-child(3){width:86%}.ax-p-text i:nth-child(5){width:62%}.ax-p-gal{grid-area:gal}.ax-p-like{grid-area:like}.ax-p-foot{grid-area:foot;min-height:46px}.ax-isl[data-view=spa] .ax-part,.ax-isl[data-view=astro] .ax-part.is-island{border-style:solid;border-color:var(--green);color:var(--white);background:#3fd17a1f;animation:2.4s ease-in-out infinite axGlow}.ax-isl[data-view=spa] .ax-part:after,.ax-isl[data-view=astro] .ax-part.is-island:after{opacity:1;transform:none}.ax-isl[data-view=astro] .ax-part.is-island{animation:2.4s ease-in-out infinite axGlow,4s ease-in-out infinite axFloat}.ax-isl[data-view=astro] .ax-p-like{animation-delay:.6s}.ax-isl[data-view=astro] .ax-p-gal{animation-delay:1.2s}@keyframes axGlow{50%{box-shadow:0 0 0 5px #3fd17a24}}@keyframes axFloat{50%{translate:0 -4px}}.ax-isl-read{font-family:var(--mono);color:#c9ccd0;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:.76rem;display:flex}.ax-isl-read b{color:var(--white);font-weight:500}@media (width>=700px){.ax-page{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"nav nav nav search""hero hero hero gal""text text text gal""text text text like""foot foot foot foot"}}@media (prefers-reduced-motion:reduce){.ax-isl[data-view] .ax-part{animation:none}}.ax-chart{--ax-s1:#3987e5;--ax-s2:#d95926;--ax-s3:#199e70;background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);border-radius:28px;padding:clamp(20px,3vw,30px)}.ax-chart figcaption{gap:4px;display:grid}.ax-chart figcaption b{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1.25}.ax-chart figcaption span{font-family:var(--mono);letter-spacing:.04em;color:var(--text-2);font-size:.68rem}.ax-chart--dark{background:var(--deep);border-color:var(--deep);color:var(--white)}.ax-chart--dark figcaption span{color:var(--muted)}.prose .ax-bars{gap:16px;margin-top:22px;padding:0;list-style:none;display:grid}.prose .ax-bars li{outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid;position:relative}.ax-lbl{font-size:.86rem;font-weight:600;line-height:1.3}.ax-bars b{font-family:var(--mono);font-size:.8rem;font-weight:500}.ax-bar{border-left:1px solid rgba(var(--line-rgb), .35);grid-area:2/1/auto/-1;height:14px}.ax-bar i{height:100%;width:max(3px, calc(var(--v) * 1%));background:var(--muted);transform-origin:0;transition:transform 1.1s var(--ease);border-radius:0 4px 4px 0;display:block}.ax-bars .is-hl .ax-bar i{background:var(--green)}.ax-bars .ax-bar i{transition-delay:calc(var(--i,0) * .12s)}.ax-tip{z-index:3;background:var(--inv-bg);max-width:300px;color:var(--inv-fg);opacity:0;pointer-events:none;transition:opacity .2s, translate .3s var(--ease);border-radius:14px;padding:10px 14px;font-size:.8rem;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:0;translate:0 6px;box-shadow:0 10px 30px #0303032e}.ax-bars li:hover .ax-tip,.ax-bars li:focus .ax-tip{opacity:1;translate:0}.ax-bars li:focus-visible .ax-lbl{-webkit-text-decoration:underline 2px var(--green);text-decoration:underline 2px var(--green);text-underline-offset:3px}.ax-legend{font-family:var(--mono);color:#c9ccd0;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.7rem;display:flex}.ax-legend span{align-items:center;gap:8px;display:inline-flex}.ax-legend span:before{content:"";background:var(--ax-c);border-radius:3px;width:12px;height:12px}.ax-chart .s1{--ax-c:var(--ax-s1)}.ax-chart .s2{--ax-c:var(--ax-s2)}.ax-chart .s3{--ax-c:var(--ax-s3)}.ax-time{gap:14px;margin-top:20px;display:grid}.ax-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.ax-row .ax-lbl{font-family:var(--mono);font-size:.74rem;font-weight:500}.ax-track{border-left:1px solid #ffffff59;height:30px;position:relative}.ax-track i{top:0;bottom:0;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1% - 2px);background:var(--ax-c);transform-origin:0;transition:transform .5s linear;transition-delay:calc(var(--a) * 25ms);border-radius:4px;outline:none;position:absolute}.ax-track b{top:50%;left:calc(var(--a) * 1% + 8px);font-family:var(--mono);white-space:nowrap;transition:opacity .4s;transition-delay:calc(var(--a) * 25ms + .4s);font-size:.76rem;font-weight:500;position:absolute;translate:0 -50%}.js .ax-chart:not(.in) .ax-bar i,.js .ax-chart:not(.in) .ax-track i{transform:scaleX(0)}.js .ax-chart:not(.in) .ax-track b{opacity:0}.ax-track i:after{content:attr(data-tip);z-index:3;background:var(--white);color:var(--ink);width:max-content;max-width:190px;font-family:var(--mono);opacity:0;pointer-events:none;border-radius:12px;padding:8px 12px;font-size:.7rem;line-height:1.4;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:0}.ax-track .is-end:after{left:auto;right:0}.ax-track i:hover,.ax-track i:focus{box-shadow:0 0 0 2px var(--white)}.ax-track i:hover:after,.ax-track i:focus:after{opacity:1}.ax-axis{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin:8px 0 0 64px;font-size:.66rem;display:flex}.ax-data{margin-top:20px}.ax-data summary{cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.7rem}.ax-chart--dark .ax-data summary{color:var(--muted)}.ax-data .table{color:var(--text);margin-top:12px}@media (prefers-reduced-motion:reduce){.ax-bar i,.ax-track i,.ax-track b,.ax-tip{transition:none}}.prose .ax-pros{grid-template-columns:minmax(0,1fr);gap:12px;padding:0;list-style:none;display:grid}.prose .ax-pros li{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);transition:opacity .6s var(--ease), translate .6s var(--ease), box-shadow .3s;transition-delay:calc(var(--i) * 90ms);border-radius:24px;padding:22px;position:relative}.js .ax-pros:not(.in) li{opacity:0;translate:0 18px}.ax-pros li:before{content:"";background:var(--green);transform-origin:0;height:3px;transition:transform .4s var(--ease);border-radius:0 0 3px 3px;position:absolute;top:0;left:22px;right:22px;transform:scaleX(0)}.ax-pros li:hover{transition-delay:0s;box-shadow:0 14px 34px #03030314}.ax-pros li:hover:before{transform:none}.ax-ic{font-family:var(--mono);letter-spacing:.08em;color:var(--accent-text);font-size:.7rem;font-weight:500}.prose .ax-pros h3{letter-spacing:-.02em;margin-top:8px;font-size:1.08rem;font-weight:800;line-height:1.2}.prose .ax-pros p{color:var(--text-2);margin-top:6px;font-size:.92rem;line-height:1.55}@media (width>=700px){.prose .ax-pros{grid-template-columns:repeat(2,minmax(0,1fr))}}.ax-faq{gap:10px;display:grid}.ax-faq details{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);border-radius:20px}.ax-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:700;line-height:1.35;list-style:none;display:flex}.ax-faq summary::-webkit-details-marker{display:none}.ax-faq summary:after{content:"+";background:var(--bg);width:28px;height:28px;font-family:var(--mono);transition:transform .3s var(--ease), background .3s;border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid}.ax-faq details[open] summary:after{background:var(--green);transform:rotate(45deg)}.ax-faq details p{padding:0 22px 20px;font-size:.96rem}@media (prefers-reduced-motion:reduce){.prose .ax-pros li,.js .ax-pros:not(.in) li{opacity:1;transition:none;translate:none}.ax-pros li:before,.ax-faq summary:after{transition:none}}.host{z-index:1;width:160px;animation:hostIn .9s var(--ease) .15s backwards, hostBob 5s ease-in-out 1.2s infinite;margin:30px 0 18px auto;position:relative;rotate:3deg}.host-frame{border:3px solid var(--outline);box-shadow:7px 7px 0 var(--outline-shadow);background:#d8d8d8;border-radius:24px;display:block;overflow:hidden}.host-frame img{width:100%;height:auto}.host-bubble{z-index:2;background:var(--surface);border:2.5px solid var(--outline);transform-origin:100% 100%;border-radius:18px;width:max-content;max-width:150px;padding:10px 14px;font-size:.84rem;font-weight:800;line-height:1.2;animation:.6s cubic-bezier(.3,1.6,.5,1) .9s backwards hostPop;position:absolute;top:14px;right:calc(100% - 14px);rotate:-6deg}.host-bubble:after{content:"";background:var(--surface);border-right:2.5px solid var(--outline);border-bottom:2.5px solid var(--outline);width:16px;height:16px;position:absolute;bottom:12px;right:-11px;rotate:-45deg}.host-bubble em{color:var(--accent-text);font-style:normal}.host-cap{border:2px solid var(--outline);background:var(--green);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:.6rem;position:absolute;bottom:-14px;left:50%;translate:-50%}@keyframes hostIn{0%{opacity:0;translate:0 40px;rotate:12deg}}@keyframes hostBob{50%{translate:0 -8px}}@keyframes hostPop{0%{opacity:0;scale:.4}}@media (width>=900px){.host{width:clamp(190px,17vw,240px)}.host-bubble{max-width:190px;padding:12px 16px;font-size:.95rem}.a-hero .host{right:var(--pad);margin:0;position:absolute;top:-46px}.b-hero .host{float:right;margin:6px 0 24px 40px}}@media (prefers-reduced-motion:reduce){.host,.host-bubble{animation:none}}.toon{--toon:56px;width:var(--toon);height:var(--toon);border:3px solid var(--outline);box-shadow:0 0 0 4px var(--green);transform-origin:50% 90%;background:#d8d8d8;border-radius:50%;flex-shrink:0;animation:3.6s ease-in-out infinite toonWave;display:block;overflow:hidden}.toon img{object-fit:cover;width:100%;height:100%}@keyframes toonWave{0%,72%,to{rotate:0deg}78%{rotate:-8deg}84%{rotate:6deg}90%{rotate:-3deg}}.says{align-items:flex-start;gap:16px;display:flex}.says .toon{margin-top:4px}.says-box{border:2.5px solid var(--outline);background:var(--surface);min-width:0;box-shadow:6px 6px 0 var(--outline-shadow);border-radius:22px;flex:1;padding:16px 18px;position:relative}.says-box:before{content:"";background:var(--surface);border-left:2.5px solid var(--outline);border-bottom:2.5px solid var(--outline);width:16px;height:16px;position:absolute;top:22px;left:-11px;rotate:45deg}.says-box b{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin-bottom:4px;font-size:.66rem;font-weight:500;display:block}.prose .says-box p{font-size:.96rem;line-height:1.6}@media (width>=700px){.says{gap:20px}.says .toon{--toon:76px}.says-box{padding:18px 22px}.says-box:before{top:30px}}@media (prefers-reduced-motion:reduce){.toon{animation:none}}.nx{gap:16px;margin:20px 0 clamp(48px,7vw,96px);display:grid}.nx-share,.nx-next{border-radius:32px;padding:clamp(22px,3vw,34px)}.nx h2{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;line-height:1.1}.nx-share{background:var(--deep);color:var(--white);background-image:radial-gradient(60% 90% at 100% 0,#3fd17a38,#0000 62%)}.nx-share p{color:#c9ccd0;max-width:30rem;margin-top:8px;font-size:.95rem}.nx-btns{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.nx-btn{min-height:44px;color:var(--white);transition:background .25s, color .25s, border-color .25s, transform .3s var(--ease);border:1px solid #ffffff47;border-radius:999px;align-items:center;padding:0 18px;font-size:.88rem;font-weight:600;display:inline-flex}.nx-btn:hover{background:var(--white);color:var(--ink);transform:translateY(-2px)}.nx-btn--main,.nx-btn.is-on{background:var(--green);border-color:var(--green);color:var(--ink)}.nx-btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}.nx-next{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);flex-direction:column;gap:14px;display:flex}.nx-card{border:2.5px solid var(--outline);box-shadow:5px 5px 0 var(--outline-shadow);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:22px;align-items:center;gap:16px;padding:14px 16px;display:flex}.nx-card:hover{box-shadow:8px 8px 0 var(--outline-shadow);transform:translate(-2px,-2px)}.nx-card .toon{--toon:60px}.nx-txt{flex:1;justify-items:start;gap:6px;min-width:0;display:grid}.nx-txt b{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1.2}.nx-txt small{font-family:var(--mono);color:var(--text-2);font-size:.66rem}.nx-arrow{background:var(--green);width:40px;height:40px;transition:rotate .35s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.nx-card:hover .nx-arrow{rotate:-45deg}.nx-all{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;-webkit-text-decoration:underline 2px var(--green);text-decoration:underline 2px var(--green);text-underline-offset:4px;align-self:flex-start;font-size:.72rem}@media (width>=900px){.nx{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.nx-btn,.nx-card,.nx-arrow{transition:none}}.bf{grid-area:filters;gap:14px;display:none}.js .bf{display:grid}.bf-search{position:relative}.bf-search svg{width:18px;height:18px;color:var(--text-2);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.bf-search input{border:1px solid rgba(var(--line-rgb), .12);background:var(--surface);width:100%;min-height:48px;font:inherit;color:var(--text);border-radius:999px;padding:0 18px 0 44px;font-size:.92rem;transition:border-color .2s}.bf-search input:focus{border-color:var(--text);outline:none;box-shadow:0 0 0 3px #3fd17a73}.bf-chips{flex-wrap:wrap;gap:8px;display:flex}.bf-chip{border:1px solid rgba(var(--line-rgb), .3);border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 16px;font-size:.86rem;font-weight:600;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.bf-chip span{background:rgba(var(--line-rgb), .07);min-width:26px;height:26px;font-family:var(--mono);border-radius:999px;place-items:center;padding:0 6px;font-size:.7rem;font-weight:500;display:grid}.bf-chip:hover{border-color:var(--text)}.bf-chip[aria-pressed=true]{background:var(--inv-bg);border-color:var(--inv-bg);color:var(--inv-fg)}.bf-chip[aria-pressed=true] span{background:var(--green);color:var(--ink)}.bf-chip:focus-visible{outline:2px solid var(--green);outline-offset:3px}.bf-empty{border:2px dashed rgba(var(--line-rgb), .2);text-align:center;color:var(--text-2);border-radius:28px;margin-bottom:18px;padding:26px}.bf-empty button{color:var(--text);-webkit-text-decoration:underline 2px var(--green);text-decoration:underline 2px var(--green);text-underline-offset:3px;font-weight:700}@media (prefers-reduced-motion:reduce){.bf-chip,.bf-search input{transition:none}}.mg{grid-template-columns:minmax(0,1fr);grid-template-areas:"filters""lead""list""aside";gap:22px;margin:clamp(20px,3vw,32px) auto clamp(56px,8vw,110px);display:grid}.mg [hidden]{display:none}.mg-box{background:var(--surface);border:1px solid rgba(var(--line-rgb), .06);border-radius:26px;padding:20px}.mg-box-h,.mg-h{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.7rem;font-weight:500}.mg-list{grid-area:list;min-width:0}.mg-h{align-items:center;gap:14px;margin:12px 0 18px;display:flex}.mg-h:after{content:"";background:rgba(var(--line-rgb), .18);flex:1;height:1px}.mg-grid{gap:26px 20px;display:grid}.mg-card{flex-direction:column;gap:10px;display:flex}.mg-thumb{aspect-ratio:16/10;background:radial-gradient(ellipse 70% 80% at 90% 0, #3fd17a38, transparent 60%), var(--deep);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.mg-card:hover .mg-thumb{transform:translateY(-4px)rotate(-1deg);box-shadow:0 16px 34px #03030329}.mg-thumb .cat{color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0505058c;position:absolute;top:14px;left:14px}.mg-thumb code{font-family:var(--mono);color:#d9ffe8;background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;padding:12px 16px;font-size:.76rem;line-height:1.7}.mg-thumb code span{color:var(--green)}.mg-thumb .toon{--toon:64px;position:absolute;bottom:14px;right:14px}.mg-card h3{letter-spacing:-.025em;margin-top:4px;font-size:1.2rem;font-weight:800;line-height:1.15}.mg-card-p{color:var(--text-2);font-size:.92rem}.mg-soon{border:2px dashed rgba(var(--line-rgb), .2);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:24px;display:flex}.mg-soon .toon{--toon:72px}.mg-soon h3{letter-spacing:-.02em;margin-top:6px;font-size:1.1rem;font-weight:800}.mg-soon p{max-width:22rem;color:var(--text-2);font-size:.9rem}.mg-soon a{color:var(--text);-webkit-text-decoration:underline 2px var(--green);text-decoration:underline 2px var(--green);text-underline-offset:3px}.mg-aside{grid-area:aside;align-content:start;gap:16px;display:grid}.mg-me{align-items:center;gap:16px;display:flex}.mg-me .toon{--toon:64px}.mg-me b{font-weight:800}.mg-me p{color:var(--text-2);margin:2px 0 6px;font-size:.86rem;line-height:1.45}.mg-me a{font-family:var(--mono);-webkit-text-decoration:underline 2px var(--green);text-decoration:underline 2px var(--green);text-underline-offset:3px;font-size:.7rem}@media (width>=640px){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.mg{grid-template:"lead lead""list filters""list aside"1fr/minmax(0,1fr) 300px;gap:22px 40px}.mg-list{grid-row:2/span 2}.mg-aside{position:sticky;top:96px}}@media (prefers-reduced-motion:reduce){.mg-thumb,.mg-cover{transition:none}}.lg-meta{margin-top:26px;position:relative}