.cat-page{--c-cyan: #00f5ff;--c-teal: #00c8a0;--c-purple: #7c3aff;--c-gold: #ffb432;--c-bg: #04070e;--c-card: rgba(0, 245, 255, .03);--c-card-hover: rgba(0, 245, 255, .06);--c-border: rgba(0, 245, 255, .1);--c-border-strong: rgba(0, 245, 255, .28);--c-text: rgba(255, 255, 255, .85);--c-muted: rgba(255, 255, 255, .55);--c-dim: rgba(255, 255, 255, .3);--c-brand: linear-gradient(135deg, var(--c-cyan), var(--c-teal));--c-max: 1160px;--c-pad: clamp(18px, 5vw, 44px);--c-nav: 62px;--c-ease: cubic-bezier(.22, 1, .36, 1);position:relative;height:100svh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.cat-page *,.cat-page *:before,.cat-page *:after{box-sizing:border-box}.cat-page a{color:inherit;text-decoration:none}.cat-page button{font:inherit;color:inherit}.cat-page code{font-family:var(--font-mono);font-size:.86em}.cat-page :focus-visible{outline:1px solid var(--c-cyan);outline-offset:3px}.cat-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60vw 42vh at 72% -6%,rgba(0,245,255,.11),transparent 70%),radial-gradient(46vw 40vh at 4% 38%,rgba(124,58,255,.08),transparent 70%)}.cat-inner{position:relative;z-index:1;max-width:var(--c-max);margin:0 auto;padding:0 var(--c-pad)}.cat-nav{position:sticky;top:0;z-index:30;height:var(--c-nav);background:#04070ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.cat-nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}.cat-brand{display:flex;align-items:center;gap:10px}.cat-brand span{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.12em;background:var(--c-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cat-nav-links{display:flex;align-items:center;gap:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted)}.cat-nav-links a:not(.cat-btn){position:relative;padding:6px 0;transition:color .3s}.cat-nav-links a:not(.cat-btn):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--c-cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--c-ease)}.cat-nav-links a:not(.cat-btn):hover{color:var(--c-cyan)}.cat-nav-links a:not(.cat-btn):hover:after{transform:scaleX(1)}.cat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-bg)!important;background:var(--c-brand);transition:box-shadow .3s,transform .3s,border-color .3s,color .3s,background .3s}.cat-btn:hover{box-shadow:0 0 26px #00f5ff61;transform:translateY(-1px)}.cat-btn-off{flex-direction:column;gap:3px;opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.cat-btn-off small{font-size:8.5px;letter-spacing:.14em}.cat-btn-sm{padding:8px 14px;font-size:10.5px}.cat-btn-ghost{background:transparent;color:var(--c-text)!important;border:1px solid rgba(0,245,255,.16)}.cat-btn-ghost:hover{border-color:var(--c-cyan);color:var(--c-cyan)!important;background:#00f5ff0a;box-shadow:none}.cat-main{padding-top:26px;padding-bottom:96px}.cat-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 30px;padding:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-dim)}.cat-crumbs li+li:before{content:"/";margin-right:8px;color:#00f5ff59}.cat-crumbs a{color:var(--c-muted);transition:color .3s}.cat-crumbs a:hover{color:var(--c-cyan)}.cat-label{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.35em;text-transform:uppercase;color:var(--c-cyan)}.cat-label:before{content:"";width:18px;height:1px;background:var(--c-cyan);flex-shrink:0}.cat-h1{margin:0 0 18px;font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.02em;color:#fff}.cat-h1 em{display:block;margin-top:6px;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:.62em;letter-spacing:0;line-height:1.15;color:var(--c-cyan);filter:drop-shadow(0 0 18px rgba(0,245,255,.25))}.cat-lead{max-width:660px;margin:0 0 26px;font-size:clamp(16px,1.7vw,18.5px);line-height:1.6;color:var(--c-muted)}.cat-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 8px}.cat-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:26px}.cat-head-solo{grid-template-columns:minmax(0,1fr)}.cat-stats{display:flex;flex-wrap:wrap;margin:30px 0 0;border:1px solid var(--c-border);border-radius:6px;background:var(--c-card);overflow:hidden}.cat-stats div{flex:1 1 120px;padding:16px 12px;text-align:center;border-left:1px solid var(--c-border)}.cat-stats div:first-child{border-left:0}.cat-stats b{display:block;font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1;color:var(--c-cyan);filter:drop-shadow(0 0 6px rgba(0,245,255,.4))}.cat-stats span{display:block;margin-top:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted)}.cat-stage{position:relative;aspect-ratio:16 / 10;max-height:min(520px,62svh);width:100%;border-radius:6px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,rgba(0,245,255,.13),transparent 62%),linear-gradient(180deg,#060c18e6,#04070ef5);border:1px solid var(--c-border)}.cat-stage-wide{aspect-ratio:21 / 9;max-height:min(420px,48svh)}.cat-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cat-stage-fill{position:absolute;top:0;right:0;bottom:0;left:0}.cat-stage-fill canvas{display:block}.cat-stage-orbits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cat-stage-orbits i{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(0,245,255,.16);transform:translate(-50%,-50%) rotateX(70deg);animation:cat-orbit 22s linear infinite}.cat-stage-orbits i:nth-child(1){width:46%;aspect-ratio:1}.cat-stage-orbits i:nth-child(2){width:68%;aspect-ratio:1;border-color:#00c8a024;animation-duration:34s;animation-direction:reverse}.cat-stage-orbits i:nth-child(3){width:92%;aspect-ratio:1;border-color:#7c3aff24;animation-duration:48s}.cat-stage-ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 8%;text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(22px,5vw,54px);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(0,245,255,.2);pointer-events:none}.cat-stage-scan{position:absolute;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--c-cyan),transparent);opacity:.55;pointer-events:none;animation:cat-scan 5.5s linear infinite;z-index:2}.cat-stage-corner{position:absolute;width:22px;height:22px;border:solid rgba(0,245,255,.5);border-width:0;pointer-events:none;z-index:3;transition:width .4s var(--c-ease),height .4s var(--c-ease),border-color .4s}.cat-stage-corner:nth-of-type(1){top:10px;left:10px;border-top-width:1px;border-left-width:1px}.cat-stage-corner:nth-of-type(2){top:10px;right:10px;border-top-width:1px;border-right-width:1px}.cat-stage-corner:nth-of-type(3){bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.cat-stage-corner:nth-of-type(4){bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.cat-stage:hover .cat-stage-corner{width:34px;height:34px;border-color:var(--c-cyan)}.cat-stage-hud{position:absolute;z-index:3;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#00f5ff99;pointer-events:none}.cat-stage-hud.tl{top:18px;left:44px}.cat-stage-hud.br{bottom:18px;right:44px;color:var(--c-dim)}.cat-stage-live .cat-stage-scan,.cat-stage-live .cat-stage-orbits,.cat-stage-live .cat-stage-ghost{display:none}.cat-stage-live .cat-stage-hud.tl:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 10px #ff4d6d;animation:cat-pulse 1.4s ease-in-out infinite}.cat-play{position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--c-border-strong);background:#04070eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#fff;transition:box-shadow .35s,border-color .35s,transform .35s var(--c-ease)}.cat-play:hover{border-color:var(--c-cyan);box-shadow:0 0 44px #00f5ff59,inset 0 0 18px #00f5ff1f;transform:translate(-50%,-50%) scale(1.04)}.cat-play i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c-brand)}.cat-play i:before{content:"";margin-left:3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--c-bg)}.cat-stage-btn{position:absolute;top:14px;right:44px;z-index:5;padding:6px 12px;border-radius:4px;cursor:pointer;border:1px solid var(--c-border-strong);background:#04070eb3;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted);transition:color .3s,border-color .3s}.cat-stage-btn:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.cat-stage-msg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-muted)}.cat-stage-msg span:after{content:"";display:inline-block;width:1ch;text-align:left;animation:cat-dots 1.2s steps(4) infinite}.cat-section{margin-top:clamp(56px,8vw,92px)}.cat-h2{margin:0 0 22px;font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1.12;letter-spacing:-.01em;color:#fff}.cat-h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--c-cyan)}.cat-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.cat-section-head .cat-h2{margin:0}.cat-more{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-cyan);white-space:nowrap}.cat-guide{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}.cat-toc{position:sticky;top:calc(var(--c-nav) + 26px);padding-left:14px;border-left:1px solid var(--c-border)}.cat-toc p{margin:0 0 12px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--c-dim)}.cat-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.cat-toc li{counter-increment:toc;margin-bottom:10px;font-size:13px;line-height:1.35}.cat-toc a{display:flex;gap:10px;color:var(--c-muted);transition:color .3s}.cat-toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);font-size:10px;color:#00f5ff80;padding-top:2px}.cat-toc a:hover{color:var(--c-cyan)}.cat-prose{max-width:720px;font-size:16.5px}.cat-prose>:first-child{margin-top:0}.cat-prose p{margin:0 0 18px;color:#ffffffc7}.cat-prose h2{margin:46px 0 16px;padding-top:6px;scroll-margin-top:calc(var(--c-nav) + 20px);font-family:var(--font-display);font-weight:800;font-size:clamp(21px,2.6vw,27px);line-height:1.15;letter-spacing:-.01em;color:#fff}.cat-prose h2:before{content:"";display:block;width:26px;height:1px;margin-bottom:14px;background:var(--c-cyan);box-shadow:0 0 10px var(--c-cyan)}.cat-prose ul{list-style:none;margin:0 0 20px;padding:0}.cat-prose li{position:relative;margin-bottom:10px;padding-left:22px;color:#ffffffc7}.cat-prose li:before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:1px;background:var(--c-cyan)}.cat-prose code,.cat-table code{padding:1px 6px;border-radius:3px;background:#00f5ff12;color:#bff9ff}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.cat-tags li{padding:3px 8px;border-radius:3px;border:1px solid var(--c-border);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.cat-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px 18px 18px;border-radius:6px;overflow:hidden;background:var(--c-card);border:1px solid transparent;transition:background .3s,border-color .3s,transform .45s var(--c-ease)}.cat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--c-cyan),transparent);opacity:0;transition:opacity .3s}.cat-card:hover,.cat-card.is-active{background:var(--c-card-hover);border-color:var(--c-border);transform:translateY(-3px)}.cat-card:hover:after,.cat-card.is-active:after{opacity:1}.cat-card.is-active{border-color:var(--c-border-strong)}.cat-card-btn{font:inherit;color:inherit;text-align:left;cursor:pointer}.cat-card-btn:focus-visible{outline:1px solid var(--c-cyan);outline-offset:2px}.cat-card[role=button],.cat-card-click{cursor:pointer}.cat-card h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:16.5px;line-height:1.2;color:#fff}.cat-card p{margin:0;font-size:13.5px;line-height:1.55;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cat-card-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#00f5ff80}.cat-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-dim)}.cat-card-foot b{font-weight:500;color:var(--c-cyan)}.cat-group-title{margin:30px 0 12px;font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--c-dim)}.cat-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cat-gallery figure{margin:0}.cat-gallery img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--c-border)}.cat-ph{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;border-radius:6px;border:1px dashed rgba(0,245,255,.2);overflow:hidden;background:linear-gradient(135deg,#00f5ff0d,#7c3aff0d),repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,245,255,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,245,255,.05) 27px 28px)}.cat-ph span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-dim)}.cat-table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:6px;background:var(--c-card)}.cat-table{width:100%;border-collapse:collapse;font-size:13px}.cat-table th{text-align:left;padding:11px 16px;border-bottom:1px solid var(--c-border);font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--c-dim)}.cat-table td{padding:8px 16px;border-bottom:1px solid rgba(0,245,255,.05);vertical-align:middle;word-break:break-word;color:var(--c-muted)}.cat-table tr:last-child td{border-bottom:0}.cat-swatch{display:inline-block;width:11px;height:11px;margin-right:8px;border-radius:2px;vertical-align:-1px;border:1px solid rgba(255,255,255,.25)}.cat-access{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:6px;overflow:hidden;border:1px solid var(--c-border);background:linear-gradient(135deg,#00f5ff17,#7c3aff17)}.cat-access .cat-h2{margin:0 0 6px;font-size:21px}.cat-access p{margin:0;max-width:560px;font-size:14.5px;color:var(--c-muted)}.cat-drawer{position:fixed;z-index:40;top:var(--c-nav);right:0;bottom:0;width:min(560px,100vw);display:flex;flex-direction:column;gap:16px;padding:22px 22px 26px;overflow-y:auto;background:#04070ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--c-border-strong);box-shadow:-40px 0 80px #0000008c;animation:cat-drawer-in .45s var(--c-ease)}.cat-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cat-drawer-head h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.1;color:#fff}.cat-drawer-head .cat-label{margin-bottom:8px}.cat-x{flex-shrink:0;width:34px;height:34px;border-radius:4px;cursor:pointer;border:1px solid var(--c-border);background:transparent;font-size:16px;line-height:1;color:var(--c-muted);transition:color .3s,border-color .3s}.cat-x:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.cat-drawer p{margin:0;font-size:14.5px;color:var(--c-muted)}.cat-drawer .cat-stage{max-height:none;aspect-ratio:4 / 3;flex-shrink:0}.cat-drawer .cat-actions{margin:4px 0 0}.cat-footer{position:relative;z-index:1;border-top:1px solid var(--c-border);padding:28px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-dim)}.cat-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.cat-footer nav{display:flex;flex-wrap:wrap;gap:22px}.cat-footer a{transition:color .3s}.cat-footer a:hover{color:var(--c-cyan)}.cat-item{margin-bottom:26px;scroll-margin-top:96px}.cat-item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "lead lead";align-items:end;gap:16px 36px;padding-bottom:18px;border-bottom:1px solid var(--c-border)}.cat-item-title .cat-label{margin-bottom:6px}.cat-item-head .cat-h1{margin:0;font-size:clamp(26px,2.6vw,38px);text-wrap:balance}.cat-item-title{grid-area:title;min-width:0}.cat-item-lead{grid-area:lead;margin:0;max-width:none;font-size:15.5px;line-height:1.6;color:var(--c-muted)}.cat-item-head .cat-actions{grid-area:actions;margin:0;flex-wrap:nowrap}.cat-item-tags{margin-top:14px}.cat-item-body{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.6fr);grid-template-areas:"settings stage";gap:28px;align-items:start;margin-top:24px}.cat-item-body.no-settings{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.cat-item-settings{grid-area:settings;min-width:0}.cat-item-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cat-item-settings-head h2{margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:20px;color:#fff}.cat-item-settings-head h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--c-cyan)}.cat-item-settings .cat-settings{grid-template-columns:minmax(0,1fr)}.cat-item-live>.cat-settings-note{animation:cat-fade-in .4s ease both}.cat-item-live .cat-live-controller{position:relative;max-width:none;animation:cat-reveal .85s cubic-bezier(.22,1,.36,1) both}.cat-item-live .cat-live-controller:after{content:"";position:absolute;left:-1px;right:-1px;top:0;height:2px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,var(--c-cyan) 20%,#fff 50%,var(--c-cyan) 80%,transparent);box-shadow:0 0 14px 2px #00f5ff8c;animation:cat-scan-down .85s cubic-bezier(.22,1,.36,1) both}.cat-item-settings .cat-settings.is-back{animation:cat-fade-in .45s ease both}@keyframes cat-reveal{0%{clip-path:inset(0 0 100% 0 round 8px);opacity:.35;filter:blur(6px)}55%{opacity:1;filter:blur(0)}to{clip-path:inset(0 0 0 0 round 8px);opacity:1;filter:none}}@keyframes cat-scan-down{0%{top:0;opacity:1}85%{opacity:1}to{top:100%;opacity:0}}@keyframes cat-fade-in{0%{opacity:0}to{opacity:1}}.cat-item-stage{grid-area:stage;min-width:0;position:sticky;top:calc(var(--c-nav) + 16px);z-index:6}.cat-item-stage .cat-stage{max-height:calc(100svh - var(--c-nav) - 40px)}@media (max-width: 900px){.cat-item-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "lead" "actions";align-items:start}.cat-item-head .cat-h1{white-space:normal}.cat-item-head .cat-actions{flex-wrap:wrap}.cat-item-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "settings"}.cat-item-stage{top:var(--c-nav);margin-inline:calc(-1 * var(--c-pad));padding:8px var(--c-pad);background:var(--c-bg)}.cat-item-stage .cat-stage{aspect-ratio:16 / 10;max-height:38svh}}.cat-browser{display:grid;grid-template-columns:minmax(0,1fr)}.cat-side-inner{display:flex;flex-direction:column;gap:14px}.cat-side-inner>p{margin:0;font-size:14.5px;line-height:1.6;color:var(--c-muted)}.cat-side .cat-stage{aspect-ratio:4 / 3;max-height:none}@media (min-width: 1024px){.cat-browser{grid-template-columns:minmax(0,1fr) 0fr;column-gap:0;align-items:start;transition:grid-template-columns .42s var(--c-ease),column-gap .42s var(--c-ease)}.cat-browser.is-open{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:24px}.cat-side{position:sticky;top:calc(var(--c-nav) + 18px);min-width:0;max-height:calc(100svh - var(--c-nav) - 36px);overflow:hidden auto;border:1px solid var(--c-border-strong);border-radius:10px;background:#04070ed1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000059;opacity:0;transform:translate(24px);transition:opacity .35s ease,transform .42s var(--c-ease)}.cat-browser:not(.is-open) .cat-side{border-color:transparent;box-shadow:none}.cat-browser.is-open .cat-side{opacity:1;transform:none}.cat-side-inner{padding:18px;min-width:300px}}@media (max-width: 1023px){.cat-browser>.cat-side{display:none}}.cat-side.is-sheet{position:fixed;z-index:40;top:var(--c-nav);right:0;bottom:0;width:min(560px,100vw);padding:22px 22px 26px;overflow-y:auto;background:#04070ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--c-border-strong);box-shadow:-40px 0 80px #0000008c;animation:cat-drawer-in .45s var(--c-ease)}@media (max-width: 640px){.cat-side.is-sheet{top:auto;left:0;width:100vw;max-height:86svh;border-left:0;border-top:1px solid var(--c-border-strong);border-radius:14px 14px 0 0;animation-name:cat-sheet-in}}.cat-cycle{min-width:0}.cat-cycle-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--c-bg);opacity:0;pointer-events:none;transition:opacity .35s ease}.cat-cycle-fade.is-on{opacity:1}.cat-cycle-nav{position:absolute;z-index:5;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--c-border);border-radius:999px;background:#04070eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);white-space:nowrap}.cat-cycle-nav a{color:#fff}.cat-cycle-nav a:hover{color:var(--c-cyan)}.cat-cycle-nav button{width:28px;height:28px;border-radius:50%;border:1px solid var(--c-border);background:transparent;color:var(--c-muted);cursor:pointer;font-size:15px;line-height:1}.cat-cycle-nav button:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.cat-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px 28px}.cat-settings-group h3{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--c-dim)}.cat-settings dl{margin:0;display:flex;flex-direction:column}.cat-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--c-border);font-size:14px}.cat-setting dt{color:var(--c-muted);min-width:0}.cat-setting dd{margin:0;display:flex;align-items:center;gap:10px;color:var(--c-text);font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}.cat-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.25)}.cat-range{position:relative;width:64px;height:3px;border-radius:2px;background:#00f5ff1f;overflow:hidden}.cat-range b{position:absolute;inset:0 auto 0 0;background:var(--c-cyan)}.cat-settings-note{margin:0 0 14px;font-size:13px;color:var(--c-dim)}.cat-live-controller{max-width:720px;padding:16px;border:1px solid var(--c-border);border-radius:8px;background:#04070e99}.cat-unavailable{display:flex;flex-direction:column;gap:4px;margin:24px 0;padding:16px 18px;border-radius:6px;font-size:14px;color:#ffcf8a;background:#ffb43214;border:1px solid rgba(255,180,50,.3)}.cat-unavailable b{font-weight:600;color:#ffdca8}.cat-preview{margin:0 0 20px;padding:8px 14px;border-radius:4px;font-size:12px;color:#ffcf8a;background:#ffb43214;border:1px solid rgba(255,180,50,.3)}.cat-js .cat-rv{transition:opacity .7s var(--c-ease),transform .7s var(--c-ease);will-change:transform,opacity}.cat-js .cat-rv:not(.cat-in){opacity:0;transform:perspective(1100px) translateY(36px) rotateX(14deg) scale(.96)}@keyframes cat-orbit{0%{transform:translate(-50%,-50%) rotateX(70deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(70deg) rotate(360deg)}}@keyframes cat-scan{0%{top:12%;opacity:0}10%{opacity:.6}90%{opacity:.25}to{top:88%;opacity:0}}@keyframes cat-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes cat-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes cat-drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (max-width: 900px){.cat-head,.cat-guide{grid-template-columns:minmax(0,1fr)}.cat-toc{display:none}}@media (max-width: 640px){.cat-nav-links a:not(.cat-btn){display:none}.cat-drawer{top:auto;left:0;width:100vw;max-height:86svh;border-left:0;border-top:1px solid var(--c-border-strong);border-radius:14px 14px 0 0;animation-name:cat-sheet-in}.cat-stage-hud.br{display:none}}@keyframes cat-sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.cat-page{scroll-behavior:auto}.cat-page *,.cat-page *:before,.cat-page *:after{animation:none!important;transition:none!important}.cat-js .cat-rv:not(.cat-in){opacity:1;transform:none}}.cat-prose a{color:var(--c-cyan);border-bottom:1px solid rgba(0,245,255,.3);transition:border-color .3s}.cat-prose a:hover{border-bottom-color:var(--c-cyan)}.cat-prose h3{margin:26px 0 8px;font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.3;color:#fff}