.stack-page{--bg:#050207;--bg-card:#0b0712;--bg-card-2:#0e0a17;--fg:#ecf7f3;--dim:#7d8a91;--dimmer:#525c64;--line:#ffffff12;--line-2:#ffffff1f;--cyan:#0fc;--magenta:#ff2bd6;--violet:#c77dff;background:var(--bg);color:var(--fg);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 8% -5%,#ff2bd61a 0%,#0000 55%),radial-gradient(70% 50% at 95% 8%,#00ffcc12 0%,#0000 55%),radial-gradient(90% 60% at 50% 110%,#c77dff17 0%,#0000 55%);background-attachment:fixed;min-height:100vh;position:relative}.stack-page:after{content:"";z-index:1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.stack-page:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}.stack-page .wrap{z-index:3;max-width:940px;margin:0 auto;padding:40px 22px 90px;position:relative}.stack-page .back-link{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.08em;text-transform:lowercase;color:var(--cyan);border:1px solid var(--line);background:#00ffcc0a;align-items:center;gap:8px;margin-bottom:32px;padding:10px 16px;font-size:.76rem;text-decoration:none;transition:all .2s;display:inline-flex}.stack-page .back-link:hover{border-color:var(--cyan);background:#00ffcc1f;transform:translate(-4px);box-shadow:0 0 20px #0fc3}.stack-page .hero{margin-bottom:46px}.stack-page .eyebrow{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--magenta);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:4px;margin-bottom:26px;font-size:.74rem;animation:.6s both stackFadeUp;display:flex}.stack-page .cursor{background:var(--magenta);width:9px;height:1.05em;animation:1.1s step-end infinite stackBlink;display:inline-block;transform:translateY(2px)}.stack-page .title{font-family:var(--font-chakra), "Chakra Petch", sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:28px;font-size:clamp(2.9rem,11vw,6.2rem);font-weight:700;line-height:.9;animation:.6s 50ms both stackFadeUp}.stack-page .title .l1{color:var(--fg);display:block}.stack-page .title .l2{color:var(--cyan);text-shadow:0 0 34px #00ffcc73,4px 0 #ff2bd652,-4px 0 #c77dff47;display:block}.stack-page .title .uscore{color:var(--cyan);animation:1.1s step-end infinite stackBlink}.stack-page .lede{color:#ecf7f3d1;max-width:640px;margin-bottom:34px;font-size:1.07rem;font-weight:300;line-height:1.72;animation:.6s .1s both stackFadeUp}.stack-page .lede b{color:var(--fg);font-weight:600}.stack-page .stats{border:1px solid var(--line);background:#ffffff03;flex-wrap:wrap;gap:0;animation:.6s .15s both stackFadeUp;display:flex}.stack-page .stat{border-right:1px solid var(--line);flex:140px;padding:16px 18px}.stack-page .stat:last-child{border-right:none}.stack-page .stat-n{font-family:var(--font-chakra), "Chakra Petch", sans-serif;color:var(--cyan);margin-bottom:7px;font-size:1.7rem;font-weight:700;line-height:1}.stack-page .stat-l{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;line-height:1.4}.stack-page .filter-bar{z-index:20;background:linear-gradient(180deg, var(--bg) 62%, #05020700);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-wrap:wrap;gap:8px;margin:40px 0 8px;padding:18px 0 16px;display:flex;position:sticky;top:0}.stack-page .fbtn{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.06em;text-transform:lowercase;color:var(--dim);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;align-items:center;gap:7px;padding:8px 15px;font-size:.76rem;transition:all .18s;display:flex}.stack-page .fbtn:hover{color:var(--fg);border-color:var(--line-2)}.stack-page .fbtn.on{color:#04110d;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 22px #00ffcc47}.stack-page .fbtn .c{opacity:.7;font-size:.64rem}.stack-page .fbtn.on .c{opacity:.85}.stack-page .tools{flex-direction:column;gap:14px;margin-bottom:56px;display:flex}.stack-page .card{--c:var(--cyan);background:var(--bg-card);border:1px solid var(--line);border-left:3px solid var(--c);grid-template-columns:auto 1fr;gap:0 24px;padding:26px 28px 24px 26px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:.5s both stackFadeUp;display:grid;position:relative;overflow:hidden}.stack-page .card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 80% at 0% 0%, color-mix(in srgb, var(--c) 16%, transparent), transparent 60%);transition:opacity .22s;position:absolute;inset:0}.stack-page .card:hover{border-color:var(--c);box-shadow:-6px 0 30px -10px var(--c), 0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent);background:var(--bg-card-2);transform:translate(5px)}.stack-page .card:hover:before{opacity:1}.stack-page .card.core{border-top:1px solid color-mix(in srgb, var(--c) 30%, transparent)}.stack-page .core-flag{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.18em;text-transform:uppercase;color:#04110d;background:var(--c);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);padding:4px 11px 4px 13px;font-size:.6rem;position:absolute;top:0;right:0}.stack-page .idx{font-family:var(--font-chakra), "Chakra Petch", sans-serif;color:var(--c);opacity:.55;letter-spacing:-.02em;grid-row:1/span 3;padding-top:3px;font-size:1.5rem;font-weight:700;transition:opacity .22s}.stack-page .card:hover .idx{opacity:1}.stack-page .head{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:14px;display:flex}.stack-page .glyph{color:var(--c);text-shadow:0 0 16px color-mix(in srgb, var(--c) 60%, transparent);flex-shrink:0;padding-top:3px;font-size:1.85rem;line-height:1;transition:text-shadow .22s}.stack-page .card:hover .glyph{text-shadow:0 0 26px var(--c)}.stack-page .titles{flex:1;min-width:0}.stack-page .cat{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem}.stack-page .name{font-family:var(--font-chakra), "Chakra Petch", sans-serif;color:var(--fg);letter-spacing:-.005em;margin-bottom:7px;font-size:1.5rem;font-weight:600;line-height:1.05}.stack-page .tag{font-family:var(--font-instrument), "Instrument Serif", serif;color:var(--c);opacity:.92;font-size:1.18rem;font-style:italic;line-height:1.2}.stack-page .badge{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 50%, transparent);white-space:nowrap;align-self:flex-start;padding:4px 9px;font-size:.62rem}.stack-page .desc{color:#ecf7f3c7;grid-column:2;margin-bottom:20px;font-size:.94rem;font-weight:300;line-height:1.68}.stack-page .actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:15px;display:flex}.stack-page .cta{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.08em;text-transform:uppercase;color:#04110d;background:var(--c);padding:11px 19px;font-size:.78rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .12s}.stack-page .cta:hover{box-shadow:0 0 24px color-mix(in srgb, var(--c) 55%, transparent)}.stack-page .cta:active{transform:translateY(1px)}.stack-page .linktag{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.03em;font-size:.7rem}.stack-page .linktag.aff{color:var(--c)}.stack-page .linktag.rec{color:var(--dimmer)}.stack-page .disc{border:1px solid var(--line);border-left:2px solid var(--cyan);background:#00ffcc09;margin-bottom:36px;padding:24px 28px;position:relative}.stack-page .disc-h{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--cyan);letter-spacing:.1em;margin-bottom:14px;font-size:.8rem}.stack-page .disc p{color:#ecf7f3c2;margin-bottom:11px;font-size:.92rem;font-weight:300;line-height:1.68}.stack-page .disc p:last-child{margin-bottom:0}.stack-page .disc b{color:var(--fg);font-weight:600}.stack-page .foot{text-align:center;border-top:1px solid var(--line);padding-top:28px}.stack-page .foot-1{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--dim);letter-spacing:.1em;margin-bottom:8px;font-size:.8rem}.stack-page .foot-2{font-family:var(--font-space-mono), "Space Mono", monospace;color:var(--dimmer);letter-spacing:.04em;font-size:.68rem;font-style:italic}@keyframes stackFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes stackBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:640px){.stack-page .wrap{padding:28px 16px 70px}.stack-page .card{grid-template-columns:1fr;gap:0;padding:22px 18px}.stack-page .idx{grid-row:auto;margin-bottom:8px;font-size:1.15rem}.stack-page .desc,.stack-page .actions{grid-column:1}.stack-page .badge{margin-top:2px}.stack-page .stat{border-bottom:1px solid var(--line);flex-basis:50%}}@media (prefers-reduced-motion:reduce){.stack-page *{animation:none!important}.stack-page .cursor,.stack-page .title .uscore{opacity:1!important}}
