@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@400;500;600;700;800&display=swap";
.vuecosmos-root{color:var(--vue-ink);background:var(--vue-bg);--vue-bg:#111117;--vue-surface:#18181f;--vue-surface-2:#202029;--vue-ink:#f2f0ea;--vue-muted:#8c8b92;--vue-dim:#575761;--vue-line:#f2f0ea21;--vue-lime:#d9f95e;--vue-coral:#ff745d;--vue-sky:#6ed8ea;--vue-violet:#b9a0ff;--vue-yellow:#f4ca61;--vue-mint:#89e9c3;--vue-display:"Syne", sans-serif;--vue-mono:"DM Mono", monospace;min-height:100vh;font-family:DM Mono,monospace}html.light .vuecosmos-root,html[data-theme=light] .vuecosmos-root,html:not(.dark) .vuecosmos-root,.vuecosmos-root[data-theme=light],.vuecosmos-root.light-mode{--vue-bg:#f2f0e8;--vue-surface:#e7e5dc;--vue-surface-2:#dad8cf;--vue-ink:#14141a;--vue-muted:#5d5b64;--vue-dim:#77757d;--vue-line:#14141a26}html.dark .vuecosmos-root,html[data-theme=dark] .vuecosmos-root,.vuecosmos-root[data-theme=dark],.vuecosmos-root.dark-mode{--vue-bg:#111117;--vue-surface:#18181f;--vue-surface-2:#202029;--vue-ink:#f2f0ea;--vue-muted:#8c8b92;--vue-dim:#575761;--vue-line:#f2f0ea21}.vuecosmos-root button,.vuecosmos-root input{font:inherit}.vuecosmos-root button,.vuecosmos-root a{-webkit-tap-highlight-color:transparent}.vuecosmos-root button{color:inherit;cursor:pointer;border:0}.vuecosmos-root a{color:inherit;text-decoration:none}.vuecosmos-root .app-shell{overflow:hidden}.vuecosmos-root .site-header{z-index:10;width:100%;position:absolute;top:0;left:0}.vuecosmos-root .nav-inner{justify-content:space-between;align-items:center;width:min(1200px,100% - 80px);height:82px;margin:0 auto;display:flex}.vuecosmos-root .brand{font:500 14px var(--vue-mono);letter-spacing:-.04em;align-items:center;gap:10px;display:inline-flex}.vuecosmos-root .brand-dot{color:var(--vue-lime)}.vuecosmos-root .brand-mark{align-items:end;gap:2px;width:19px;height:19px;display:inline-flex}.vuecosmos-root .brand-mark span{background:var(--vue-lime);border-radius:2px;width:5px;display:block;transform:skew(-18deg)}.vuecosmos-root .brand-mark span:first-child{opacity:.6;height:10px}.vuecosmos-root .brand-mark span:nth-child(2){height:15px}.vuecosmos-root .brand-mark span:nth-child(3){opacity:.75;height:19px}.vuecosmos-root .main-nav{color:var(--vue-muted);align-items:center;gap:30px;font-size:11px;display:flex}.vuecosmos-root .main-nav a{transition:color .2s}.vuecosmos-root .main-nav a:hover,.vuecosmos-root .main-nav a.active{color:var(--vue-ink)}.vuecosmos-root .nav-play{align-items:center;gap:8px;margin-left:10px;display:inline-flex;color:var(--vue-lime)!important}.vuecosmos-root .nav-actions{align-items:center;gap:7px;display:flex}.vuecosmos-root .icon-button{border:1px solid var(--vue-line);width:33px;height:33px;color:var(--vue-muted);background:0 0;border-radius:50%;place-items:center;transition:color .2s,border-color .2s,background .2s;display:grid}.vuecosmos-root .icon-button:hover{color:var(--vue-ink);border-color:var(--vue-ink)}.vuecosmos-root .mobile-menu{display:none}.vuecosmos-root .hero{background:var(--vue-bg);grid-template-columns:45% 55%;align-items:center;min-height:min(760px,100vh);padding:162px max(40px,50% - 600px) 65px;display:grid;position:relative}.vuecosmos-root .hero-grid{background-image:linear-gradient(var(--vue-line) 1px, transparent 1px), linear-gradient(90deg, var(--vue-line) 1px, transparent 1px);opacity:.38;background-size:74px 74px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 82%);mask-image:linear-gradient(90deg,#000 0%,#0000 82%)}.vuecosmos-root .hero-copy,.vuecosmos-root .hero-visual{z-index:1;position:relative}.vuecosmos-root .eyebrow{color:var(--vue-muted);font:10px var(--vue-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;display:flex}.vuecosmos-root .eyebrow-dot{background:var(--vue-lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #d9f95e1a}.vuecosmos-root .eyebrow-line{background:var(--vue-line);width:45px;height:1px;margin-left:4px;display:inline-block}.vuecosmos-root h1,.vuecosmos-root h2,.vuecosmos-root h3,.vuecosmos-root p{margin-top:0}.vuecosmos-root .hero h1,.vuecosmos-root .page-intro h1,.vuecosmos-root .topic-hero h1,.vuecosmos-root .playground-heading h1,.vuecosmos-root .about-hero h1{font:700 clamp(58px, 7vw, 104px)/.91 var(--vue-display);letter-spacing:-.09em;margin:26px 0 22px}.vuecosmos-root .hero h1 em,.vuecosmos-root h1 em,.vuecosmos-root h2 em{color:var(--vue-lime);font-style:normal}.vuecosmos-root .hero-sub{width:355px;color:var(--vue-muted);font-size:12px;line-height:1.8}.vuecosmos-root .hero-actions{align-items:center;gap:26px;margin-top:32px;display:flex}.vuecosmos-root .button{justify-content:center;align-items:center;gap:12px;padding:14px 17px;font-size:11px;transition:transform .2s,background .2s,color .2s;display:inline-flex}.vuecosmos-root .button:hover{transform:translateY(-2px)}.vuecosmos-root .button-primary{color:#111117;background:var(--vue-lime)}.vuecosmos-root .button-light{color:#111117;background:#f2f0ea}.vuecosmos-root .text-link,.vuecosmos-root .arrow-link{font:11px var(--vue-mono);color:var(--vue-ink);align-items:center;gap:6px;display:inline-flex}.vuecosmos-root .text-link{color:var(--vue-muted)}.vuecosmos-root .text-link:hover,.vuecosmos-root .arrow-link:hover{color:var(--vue-lime)}.vuecosmos-root .hero-visual{height:515px;margin:0 -40px 0 0;position:relative}.vuecosmos-root .visual-label,.vuecosmos-root .visual-label span{font:9px var(--vue-mono);color:var(--vue-muted);letter-spacing:.07em}.vuecosmos-root .visual-label{position:absolute;top:12px;left:45px}.vuecosmos-root .visual-label span{color:var(--vue-lime);margin-left:14px}.vuecosmos-root .hero-orbit{border:1px solid var(--vue-line);border-radius:50%;position:absolute;transform:rotate(-16deg)}.vuecosmos-root .orbit-one{width:405px;height:218px;top:132px;left:100px}.vuecosmos-root .orbit-two{border-color:#d9f95e1a;width:520px;height:300px;top:91px;left:22px;transform:rotate(31deg)}.vuecosmos-root .hero-connections{width:100%;position:absolute;inset:45px 0 0;overflow:visible}.vuecosmos-root .hero-connections path{fill:none;stroke:var(--vue-line);stroke-width:1px;stroke-dasharray:3 6}.vuecosmos-root .signal-dot{fill:var(--vue-lime);filter:drop-shadow(0 0 7px var(--vue-lime))}.vuecosmos-root .signal-dot.hot{animation:.45s signal-hot}.vuecosmos-root .pulse-delay{animation:2.3s ease-in-out infinite pulse-dot}.vuecosmos-root .pulse-delay-two{animation:2.3s ease-in-out .6s infinite pulse-dot}.vuecosmos-root .graph-node{text-align:left;border:1px solid var(--vue-line);font-family:var(--vue-mono);background:#18181fe8;flex-direction:column;align-items:flex-start;padding:15px 17px;transition:border-color .3s,transform .3s;display:flex;position:absolute}.vuecosmos-root .graph-node:hover{border-color:var(--vue-lime);transform:translateY(-2px)}.vuecosmos-root .node-state{width:114px;top:203px;left:76px}.vuecosmos-root .node-effect{width:138px;top:181px;left:337px}.vuecosmos-root .node-dom{width:132px;top:346px;left:363px}.vuecosmos-root .node-kicker{color:var(--vue-lime);margin-bottom:8px;font-size:9px}.vuecosmos-root .graph-node strong{font-size:12px;font-weight:400}.vuecosmos-root .graph-node b{font:29px var(--vue-display);letter-spacing:-.07em;margin-top:1px}.vuecosmos-root .graph-node small{color:var(--vue-muted);margin-top:6px;font-size:9px}.vuecosmos-root .hot-node{border-color:#d9f95e8c}.vuecosmos-root .visual-caption{align-items:start;gap:13px;display:flex;position:absolute;bottom:30px;left:93px}.vuecosmos-root .caption-index{color:var(--vue-lime);font-size:10px}.vuecosmos-root .visual-caption p{color:var(--vue-muted);margin:0;font-size:10px;line-height:1.65}.vuecosmos-root .visual-caption b{color:var(--vue-ink);font-weight:400}.vuecosmos-root .visual-reset{color:var(--vue-muted);background:0 0;position:absolute;bottom:33px;right:55px}.vuecosmos-root .visual-reset:hover{color:var(--vue-lime)}.vuecosmos-root .scroll-cue{color:var(--vue-dim);writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:31px;right:max(40px,50% - 600px)}.vuecosmos-root .scroll-cue i{background:var(--vue-dim);width:1px;height:48px;animation:1.8s ease-in-out infinite scroll-line}.vuecosmos-root .statement-section,.vuecosmos-root .path-section,.vuecosmos-root .about-grid,.vuecosmos-root .about-values,.vuecosmos-root .related-section,.vuecosmos-root .topic-body{width:min(1200px,100% - 80px);margin:0 auto}.vuecosmos-root .statement-section{grid-template-columns:1fr 35%;gap:80px;min-height:680px;padding:138px 8.5% 130px 14.5%;display:grid;position:relative}.vuecosmos-root .section-index,.vuecosmos-root .body-index{color:var(--vue-dim);font:10px var(--vue-mono);letter-spacing:.08em}.vuecosmos-root .statement-content{grid-column:1;margin-top:72px}.vuecosmos-root .section-kicker{color:var(--vue-muted);font-size:11px;line-height:1.6}.vuecosmos-root .section-kicker span{color:var(--vue-ink)}.vuecosmos-root .statement-content h2,.vuecosmos-root .path-heading h2,.vuecosmos-root .home-cta h2,.vuecosmos-root .analogy-block h2,.vuecosmos-root .related-section h2,.vuecosmos-root .about-statement h2{font:600 clamp(42px, 5.4vw, 76px)/.97 var(--vue-display);letter-spacing:-.08em;margin:20px 0 23px}.vuecosmos-root .statement-content h2 span,.vuecosmos-root .path-heading h2 em,.vuecosmos-root .analogy-block h2{color:var(--vue-muted);font-style:normal}.vuecosmos-root .statement-body{width:290px;color:var(--vue-muted);font-size:11px;line-height:1.8}.vuecosmos-root .signal-stack{grid-column:2;margin-top:210px}.vuecosmos-root .stack-line{border-bottom:1px solid var(--vue-line);align-items:center;gap:14px;height:49px;font-size:10px;display:flex}.vuecosmos-root .stack-line span{color:var(--vue-dim)}.vuecosmos-root .stack-line b{font-weight:400}.vuecosmos-root .stack-line i{background:var(--vue-lime);opacity:.75;border-radius:50%;width:7px;height:7px;margin-left:auto;display:block}.vuecosmos-root .stack-line:nth-child(2) i{background:var(--vue-coral)}.vuecosmos-root .stack-line:nth-child(3) i{background:var(--vue-sky)}.vuecosmos-root .stack-line:nth-child(4) i{background:var(--vue-violet)}.vuecosmos-root .path-section{border-top:1px solid var(--vue-line);padding:120px 0 165px}.vuecosmos-root .path-heading{justify-content:space-between;align-items:end;margin:65px 6% 55px 14.5%;display:flex}.vuecosmos-root .path-heading h2{margin-bottom:0}.vuecosmos-root .path-heading h2 em{color:var(--vue-lime)}.vuecosmos-root .path-list{border-top:1px solid var(--vue-line)}.vuecosmos-root .path-row{border-bottom:1px solid var(--vue-line);grid-template-columns:10% 13% 1fr 10%;align-items:center;min-height:119px;transition:padding .3s,background .3s;display:grid}.vuecosmos-root .path-row:hover{background:var(--vue-surface);padding-left:18px}.vuecosmos-root .path-number{color:var(--vue-dim);padding-left:6px;font-size:10px}.vuecosmos-root .path-icon{font:37px var(--vue-display);color:var(--vue-lime)}.vuecosmos-root .path-coral .path-icon{color:var(--vue-coral)}.vuecosmos-root .path-sky .path-icon{color:var(--vue-sky)}.vuecosmos-root .path-violet .path-icon{color:var(--vue-violet)}.vuecosmos-root .path-info{flex-direction:column;gap:10px;display:flex}.vuecosmos-root .path-info strong{font:500 24px var(--vue-display);letter-spacing:-.05em}.vuecosmos-root .path-info small{color:var(--vue-muted);font-size:10px}.vuecosmos-root .path-arrow{color:var(--vue-muted);justify-self:end;padding-right:6px}.vuecosmos-root .path-row:hover .path-arrow{color:var(--vue-lime)}.vuecosmos-root .home-cta{background:var(--vue-lime);color:#111117;text-align:center;min-height:565px;padding:90px 20px;position:relative;overflow:hidden}.vuecosmos-root .home-cta .section-index{color:#11111785;z-index:1;position:relative}.vuecosmos-root .home-cta h2{z-index:1;color:#111117;margin-top:81px;position:relative}.vuecosmos-root .home-cta h2 em{color:#111117;font-style:normal}.vuecosmos-root .cta-ring{border:1px solid #1111172e;border-radius:50%;width:640px;height:640px;position:absolute;top:68px;left:calc(50% - 320px)}.vuecosmos-root .cta-ring:after{content:"";border:1px solid #11111729;border-radius:50%;position:absolute;inset:60px}.vuecosmos-root .home-cta .button{margin-top:9px}.vuecosmos-root .site-footer{border-top:1px solid var(--vue-line);justify-content:space-between;align-items:start;width:min(1200px,100% - 80px);min-height:155px;margin:auto;padding:50px 0;display:flex}.vuecosmos-root .site-footer p{color:var(--vue-muted);margin:13px 0 0 29px;font-size:10px}.vuecosmos-root .footer-links{color:var(--vue-muted);align-items:center;gap:25px;font-size:10px;display:flex}.vuecosmos-root .footer-links a:hover{color:var(--vue-ink)}.vuecosmos-root .footer-note{color:var(--vue-dim);align-items:center;gap:7px;margin-left:15px;display:flex}.vuecosmos-root .page{width:min(1200px,100% - 80px);margin:0 auto;padding-top:155px}.vuecosmos-root .page-intro,.vuecosmos-root .playground-heading{border-bottom:1px solid var(--vue-line);justify-content:space-between;align-items:end;min-height:355px;padding-bottom:80px;display:flex}.vuecosmos-root .page-intro h1,.vuecosmos-root .playground-heading h1,.vuecosmos-root .about-hero h1{margin-bottom:0;font-size:clamp(60px,8vw,100px)}.vuecosmos-root .page-intro>p,.vuecosmos-root .playground-heading>p{width:265px;color:var(--vue-muted);margin-bottom:8px;font-size:11px;line-height:1.8}.vuecosmos-root .learn-toolbar{border-bottom:1px solid var(--vue-line);justify-content:space-between;gap:24px;padding:27px 0;display:flex}.vuecosmos-root .filter-tabs{scrollbar-width:none;gap:17px;display:flex;overflow-x:auto}.vuecosmos-root .filter-tabs::-webkit-scrollbar{display:none}.vuecosmos-root .filter-tabs button{color:var(--vue-muted);white-space:nowrap;background:0 0;padding:7px 0;font-size:10px}.vuecosmos-root .filter-tabs button.selected,.vuecosmos-root .filter-tabs button:hover{color:var(--vue-lime)}.vuecosmos-root .search-field{border-bottom:1px solid var(--vue-line);width:188px;color:var(--vue-muted);flex:none;align-items:center;gap:8px;display:flex}.vuecosmos-root .search-field input{color:var(--vue-ink);background:0 0;border:0;outline:0;width:100%;padding:9px 0;font-size:10px}.vuecosmos-root .search-field input::placeholder{color:var(--vue-dim)}.vuecosmos-root .topic-group{border-bottom:1px solid var(--vue-line);padding:70px 0 83px}.vuecosmos-root .group-heading{align-items:center;gap:13px;margin-bottom:28px;display:flex}.vuecosmos-root .group-dot{background:var(--vue-lime);border-radius:50%;width:7px;height:7px}.vuecosmos-root .group-dot.coral{background:var(--vue-coral)}.vuecosmos-root .group-dot.sky{background:var(--vue-sky)}.vuecosmos-root .group-dot.violet{background:var(--vue-violet)}.vuecosmos-root .group-dot.yellow{background:var(--vue-yellow)}.vuecosmos-root .group-dot.mint{background:var(--vue-mint)}.vuecosmos-root .group-number,.vuecosmos-root .group-count{color:var(--vue-dim);font-size:10px}.vuecosmos-root .group-heading h2{font:500 22px var(--vue-display);letter-spacing:-.05em;margin:0}.vuecosmos-root .group-count{margin-left:auto}.vuecosmos-root .topic-grid{background:var(--vue-line);border-left:1px solid var(--vue-line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.vuecosmos-root .topic-card{background:var(--vue-bg);flex-direction:column;min-height:163px;padding:19px 19px 16px;transition:background .25s,transform .25s;display:flex}.vuecosmos-root .topic-card:hover{background:var(--vue-surface);z-index:1;transform:translateY(-3px)}.vuecosmos-root .topic-card-top{color:var(--vue-lime);justify-content:space-between;font-size:10px;display:flex}.vuecosmos-root .topic-card-top.coral{color:var(--vue-coral)}.vuecosmos-root .topic-card-top.sky{color:var(--vue-sky)}.vuecosmos-root .topic-card-top.violet{color:var(--vue-violet)}.vuecosmos-root .topic-card-top.yellow{color:var(--vue-yellow)}.vuecosmos-root .topic-card-top.mint{color:var(--vue-mint)}.vuecosmos-root .topic-card h3{font:500 16px/1.1 var(--vue-display);letter-spacing:-.05em;margin:26px 0 9px}.vuecosmos-root .topic-card p{color:var(--vue-muted);margin:0;font-size:9px;line-height:1.6}.vuecosmos-root .topic-meta{align-items:center;gap:10px;margin-top:auto;padding-top:15px;display:flex}.vuecosmos-root .difficulty{color:var(--vue-muted);font-size:8px}.vuecosmos-root .difficulty:before{content:"";background:var(--vue-lime);border-radius:50%;width:5px;height:5px;margin:0 5px 1px 0;display:inline-block}.vuecosmos-root .difficulty.intermediate:before{background:var(--vue-yellow)}.vuecosmos-root .difficulty.advanced:before{background:var(--vue-coral)}.vuecosmos-root .topic-dash{background:var(--vue-line);width:35px;height:1px}.vuecosmos-root .topic-page{padding-top:135px}.vuecosmos-root .topic-hero{border-bottom:1px solid var(--vue-line);grid-template-columns:43% 57%;align-items:center;min-height:525px;display:grid}.vuecosmos-root .back-link{color:var(--vue-muted);align-items:center;gap:3px;margin-bottom:70px;font-size:10px;display:inline-flex}.vuecosmos-root .back-chevron{transform:rotate(180deg)}.vuecosmos-root .topic-hero h1{margin:28px 0;font-size:clamp(53px,6.5vw,88px)}.vuecosmos-root .topic-hero-copy>p{max-width:370px;color:var(--vue-muted);font-size:11px;line-height:1.85}.vuecosmos-root .topic-tags{gap:9px;margin-top:27px;display:flex}.vuecosmos-root .topic-tags span{border:1px solid var(--vue-line);color:var(--vue-muted);padding:7px 9px;font-size:9px}.vuecosmos-root .topic-visualizer{background:var(--vue-surface);border:1px solid var(--vue-line);height:390px;margin-left:30px;position:relative;overflow:hidden}.vuecosmos-root .topic-visualizer:before{content:"";background-image:linear-gradient(var(--vue-line) 1px, transparent 1px), linear-gradient(90deg, var(--vue-line) 1px, transparent 1px);opacity:.4;background-size:45px 45px;position:absolute;inset:0}.vuecosmos-root .topic-visualizer.coral{--model-accent:var(--vue-coral)}.vuecosmos-root .topic-visualizer.sky{--model-accent:var(--vue-sky)}.vuecosmos-root .topic-visualizer.violet{--model-accent:var(--vue-violet)}.vuecosmos-root .topic-visualizer .visual-label{top:22px;left:23px}.vuecosmos-root .topic-visualizer .visual-label span{color:var(--model-accent)}.vuecosmos-root .topic-model{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:92px 38px 70px}.vuecosmos-root .model-node{z-index:1;border:1px solid var(--vue-line);background:var(--vue-surface);flex-direction:column;justify-content:center;width:95px;height:87px;padding:14px;display:flex;position:relative}.vuecosmos-root .model-node small{color:var(--model-accent);margin-bottom:8px;font-size:8px}.vuecosmos-root .model-node strong{font:500 14px var(--vue-display);letter-spacing:-.05em}.vuecosmos-root .model-wire{background:var(--vue-line);width:70px;height:1px;position:relative}.vuecosmos-root .model-wire:after{content:"›";color:var(--model-accent);font-size:17px;position:absolute;top:-9px;right:-4px}.vuecosmos-root .model-active{border-color:var(--model-accent);animation:.6s both node-pop}.vuecosmos-root .delay-one{animation-delay:.28s}.vuecosmos-root .delay-two{animation-delay:.56s}.vuecosmos-root .model-status{color:var(--vue-dim);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:22px;left:23px;right:23px}.vuecosmos-root .model-status span{align-items:center;gap:7px;display:flex}.vuecosmos-root .model-status i{background:var(--model-accent);border-radius:50%;width:5px;height:5px}.vuecosmos-root .model-status button,.vuecosmos-root .sim-action{color:var(--model-accent);background:0 0;align-items:center;gap:7px;font-size:9px;display:inline-flex}.vuecosmos-root .topic-body{padding:115px 14.5% 135px}.vuecosmos-root .analogy-block{max-width:720px;margin:72px 0 100px}.vuecosmos-root .analogy-block h2{margin-top:25px;font-size:clamp(37px,4.2vw,61px);line-height:1.02}.vuecosmos-root .topic-columns{grid-template-columns:55% 1fr;gap:100px;display:grid}.vuecosmos-root .step-list{border-top:1px solid var(--vue-line);margin-top:24px}.vuecosmos-root .step{border-bottom:1px solid var(--vue-line);align-items:center;gap:17px;min-height:53px;font-size:10px;display:flex}.vuecosmos-root .step span{color:var(--model-accent,var(--vue-lime))}.vuecosmos-root .step b{font-weight:400}.vuecosmos-root .step i{background:var(--vue-line);width:32px;height:1px;margin-left:auto}.vuecosmos-root .mistake-list{margin-top:24px}.vuecosmos-root .mistake-list div{min-height:35px;color:var(--vue-muted);align-items:center;gap:10px;font-size:10px;display:flex}.vuecosmos-root .mistake-list svg{color:var(--vue-coral)}.vuecosmos-root .perf-label{margin-top:43px}.vuecosmos-root .perf-copy{color:var(--vue-muted);font-size:10px;line-height:1.8}.vuecosmos-root .related-section{padding:0 14.5% 140px}.vuecosmos-root .related-section h2{margin:73px 0 40px}.vuecosmos-root .related-section h2 em{color:var(--vue-lime)}.vuecosmos-root .related-links{border-top:1px solid var(--vue-line);grid-template-columns:repeat(3,1fr);display:grid}.vuecosmos-root .related-links a{border-bottom:1px solid var(--vue-line);justify-content:space-between;margin-right:28px;padding:21px 0;font-size:10px;display:flex}.vuecosmos-root .related-links a:hover{color:var(--vue-lime)}.vuecosmos-root .playground-page{padding-top:150px}.vuecosmos-root .playground-heading{min-height:285px;padding-bottom:60px}.vuecosmos-root .playground-heading h1{margin-top:28px}.vuecosmos-root .playground-heading em{color:var(--vue-lime)}.vuecosmos-root .playground-tabs{border-bottom:1px solid var(--vue-line);align-items:center;gap:28px;min-height:73px;display:flex}.vuecosmos-root .playground-tabs button{color:var(--vue-muted);background:0 0;padding:11px 0;font-size:10px}.vuecosmos-root .playground-tabs button.selected,.vuecosmos-root .playground-tabs button:hover{color:var(--vue-lime)}.vuecosmos-root .reset-sandbox{align-items:center;gap:7px;margin-left:auto;display:flex}.vuecosmos-root .sandbox{border-bottom:1px solid var(--vue-line);grid-template-columns:1fr 1.1fr .7fr;min-height:500px;display:grid}.vuecosmos-root .code-panel,.vuecosmos-root .sim-panel,.vuecosmos-root .preview-panel{background:var(--vue-surface);border-right:1px solid var(--vue-line)}.vuecosmos-root .preview-panel{background:var(--vue-surface-2);border-right:0}.vuecosmos-root .panel-head{border-bottom:1px solid var(--vue-line);justify-content:space-between;align-items:center;height:46px;padding:0 17px;font-size:9px;display:flex}.vuecosmos-root .panel-title{color:var(--vue-ink)}.vuecosmos-root .panel-lang,.vuecosmos-root .preview-url{color:var(--vue-dim);font-size:8px}.vuecosmos-root .window-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.vuecosmos-root .window-dot.red{background:var(--vue-coral)}.vuecosmos-root .window-dot.yellow{background:var(--vue-yellow)}.vuecosmos-root .window-dot.green{background:var(--vue-mint)}.vuecosmos-root .code-editor{padding:24px 0;font-size:9px;line-height:2.55}.vuecosmos-root .code-line{grid-template-columns:46px 1fr;display:grid}.vuecosmos-root .code-line>span{color:var(--vue-dim);text-align:right;border-right:1px solid var(--vue-line);padding-right:13px}.vuecosmos-root .code-line code{white-space:nowrap;color:var(--vue-muted);padding-left:14px}.vuecosmos-root .code-line b{font-weight:400}.vuecosmos-root .pink{color:#f596b2}.vuecosmos-root .blue{color:#91baff}.vuecosmos-root .green{color:var(--vue-mint)}.vuecosmos-root .orange{color:var(--vue-coral)}.vuecosmos-root .yellow-text{color:var(--vue-yellow)}.vuecosmos-root .editor-foot{border-top:1px solid var(--vue-line);color:var(--vue-dim);justify-content:space-between;padding:11px 16px;font-size:8px;display:flex}.vuecosmos-root .editor-foot span:first-child{color:var(--vue-mint);align-items:center;gap:6px;display:flex}.vuecosmos-root .live-label{color:var(--vue-coral);font-size:8px}.vuecosmos-root .live-label i{background:var(--vue-coral);border-radius:50%;width:5px;height:5px;margin-right:5px;animation:1.5s infinite pulse-dot;display:inline-block}.vuecosmos-root .sim-content{padding:17px}.vuecosmos-root .graph-stage{height:258px;position:relative}.vuecosmos-root .graph-stage svg{width:100%;height:100%;position:absolute;inset:0}.vuecosmos-root .graph-stage path{fill:none;stroke:var(--vue-line);stroke-dasharray:3 5}.vuecosmos-root .sim-node{border:1px solid var(--vue-line);background:var(--vue-surface);z-index:1;flex-direction:column;justify-content:center;gap:3px;width:94px;height:69px;padding:11px;display:flex;position:absolute}.vuecosmos-root .sim-node small{color:var(--vue-lime);font-size:7px}.vuecosmos-root .sim-node strong{font:500 12px var(--vue-display)}.vuecosmos-root .sim-node b{color:var(--vue-muted);font:10px var(--vue-mono);font-weight:400}.vuecosmos-root .state-node{top:75px;left:0}.vuecosmos-root .computed-node{top:16px;left:calc(50% - 47px)}.vuecosmos-root .effect-node{top:75px;right:0}.vuecosmos-root .sim-hot{border-color:var(--vue-coral);animation:.6s both node-pop}.vuecosmos-root .sim-hot small{color:var(--vue-coral)}.vuecosmos-root .sim-legend{color:var(--vue-dim);flex-wrap:wrap;align-items:center;gap:12px;font-size:8px;display:flex}.vuecosmos-root .sim-legend span{align-items:center;gap:5px;display:flex}.vuecosmos-root .sim-legend i{border-radius:50%;width:5px;height:5px;display:inline-block}.vuecosmos-root .legend-lime{background:var(--vue-lime)}.vuecosmos-root .legend-coral{background:var(--vue-coral)}.vuecosmos-root .sim-legend button{color:var(--vue-lime);background:0 0;align-items:center;gap:6px;margin-left:auto;font-size:8px;display:flex}.vuecosmos-root .sim-log{border-top:1px solid var(--vue-line);margin-top:20px}.vuecosmos-root .sim-log div{border-bottom:1px solid var(--vue-line);grid-template-columns:58px 1fr;gap:5px;padding:10px 0;font-size:8px;display:grid}.vuecosmos-root .sim-log span{color:var(--vue-dim);grid-row:span 2}.vuecosmos-root .sim-log b{color:var(--vue-ink);font-weight:400}.vuecosmos-root .sim-log small{color:var(--vue-muted)}.vuecosmos-root .preview-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:454px;padding:30px;transition:background .3s;display:flex}.vuecosmos-root .preview-screen.is-running{background:#d9f95e0f}.vuecosmos-root .preview-kicker{color:var(--vue-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.vuecosmos-root .counter-button{background:var(--vue-lime);color:#111117;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:124px;height:124px;margin:22px 0 18px;transition:transform .2s;display:flex}.vuecosmos-root .counter-button:hover{transform:scale(1.05)rotate(-4deg)}.vuecosmos-root .counter-button span{font:600 44px var(--vue-display);letter-spacing:-.08em}.vuecosmos-root .counter-button small{font-size:8px}.vuecosmos-root .preview-equation{font:16px var(--vue-display);align-items:center;gap:8px;display:flex}.vuecosmos-root .preview-equation i{color:var(--vue-dim);font:10px var(--vue-mono)}.vuecosmos-root .preview-equation b{color:var(--vue-lime);font-weight:500}.vuecosmos-root .preview-screen p{color:var(--vue-muted);margin-top:23px;font-size:9px}.vuecosmos-root .timeline-content,.vuecosmos-root .component-content{min-height:454px;padding:29px 25px}.vuecosmos-root .timeline-rail{border-left:1px solid var(--vue-line)}.vuecosmos-root .timeline-step{flex-direction:column;gap:6px;padding:5px 0 26px 29px;display:flex;position:relative}.vuecosmos-root .timeline-step>span{color:var(--vue-dim);font-size:8px;position:absolute;top:5px;left:-20px}.vuecosmos-root .timeline-step>i{border:1px solid var(--vue-dim);background:var(--vue-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-4px}.vuecosmos-root .timeline-step b{font:500 14px var(--vue-display);letter-spacing:-.05em}.vuecosmos-root .timeline-step small{color:var(--vue-muted);font-size:9px}.vuecosmos-root .timeline-step.active>i{border-color:var(--vue-lime);background:var(--vue-lime)}.vuecosmos-root .timeline-step.active b{color:var(--vue-lime)}.vuecosmos-root .sim-action{margin-top:25px}.vuecosmos-root .tree-visual{padding:20px 25px}.vuecosmos-root .tree-node{border:1px solid var(--vue-line);flex-direction:column;gap:7px;width:160px;margin:auto;padding:12px;display:flex}.vuecosmos-root .tree-node span{font:500 13px var(--vue-display)}.vuecosmos-root .tree-node small{color:var(--vue-muted);font-size:8px}.vuecosmos-root .tree-node.selected{border-color:var(--vue-lime)}.vuecosmos-root .tree-branches{justify-content:center;gap:98px;height:45px;display:flex}.vuecosmos-root .tree-branches i{background:var(--vue-line);width:1px;height:45px}.vuecosmos-root .tree-children{justify-content:center;gap:15px;display:flex}.vuecosmos-root .tree-children .tree-node{width:130px;margin:0}.vuecosmos-root .playground-note{min-height:68px;color:var(--vue-muted);align-items:center;gap:10px;font-size:9px;display:flex}.vuecosmos-root .playground-note svg{color:var(--vue-lime)}.vuecosmos-root .about-page{padding-top:175px}.vuecosmos-root .about-hero{border-bottom:1px solid var(--vue-line);min-height:515px}.vuecosmos-root .about-hero h1{margin-top:78px}.vuecosmos-root .about-hero p{width:335px;color:var(--vue-muted);margin-left:48%;font-size:11px;line-height:1.8}.vuecosmos-root .about-grid{grid-template-columns:55% 1fr;gap:100px;padding:123px 14.5% 145px;display:grid}.vuecosmos-root .about-statement h2{margin-top:75px}.vuecosmos-root .about-statement h2 span{color:var(--vue-lime)}.vuecosmos-root .about-copy{padding-top:53px}.vuecosmos-root .about-copy p{color:var(--vue-muted);margin-bottom:22px;font-size:11px;line-height:1.9}.vuecosmos-root .about-copy .arrow-link{color:var(--vue-lime);margin-top:25px}.vuecosmos-root .about-values{border-top:1px solid var(--vue-line);grid-template-columns:repeat(3,1fr);padding:0 0 100px;display:grid}.vuecosmos-root .about-values>div{border-right:1px solid var(--vue-line);margin-right:30px;padding:26px 30px 0 0}.vuecosmos-root .about-values>div:last-child{border-right:0}.vuecosmos-root .about-values span{color:var(--vue-lime);font-size:10px}.vuecosmos-root .about-values b{font:500 18px var(--vue-display);letter-spacing:-.05em;margin:32px 0 13px;display:block}.vuecosmos-root .about-values p{color:var(--vue-muted);font-size:10px;line-height:1.7}.vuecosmos-root .not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:70vh;display:flex}.vuecosmos-root .not-found svg{color:var(--vue-lime)}.vuecosmos-root .not-found h1{font:500 44px var(--vue-display);letter-spacing:-.08em;margin:0}.vuecosmos-root .not-found p{color:var(--vue-muted);font-size:11px}.vuecosmos-root .code-lab{margin:0 0 112px}.vuecosmos-root .code-lab-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px;display:flex}.vuecosmos-root .code-lab-heading h2{font:600 clamp(34px, 4vw, 52px)/.98 var(--vue-display);letter-spacing:-.08em;margin:18px 0 0}.vuecosmos-root .code-lab-heading h2 em{color:var(--vue-lime);font-style:normal}.vuecosmos-root .code-lab-heading>p{width:245px;color:var(--vue-muted);margin:0 0 5px;font-size:10px;line-height:1.8}.vuecosmos-root .code-lab-grid{border:1px solid var(--vue-line);grid-template-columns:1.3fr 1fr;display:grid}.vuecosmos-root .template-editor,.vuecosmos-root .template-preview{background:var(--vue-surface);min-width:0}.vuecosmos-root .template-preview{border-left:1px solid var(--vue-line);background:var(--vue-surface-2)}.vuecosmos-root .template-code{background:var(--vue-surface);grid-template-columns:45px 1fr;min-height:345px;display:grid}.vuecosmos-root .line-numbers{border-right:1px solid var(--vue-line);color:var(--vue-dim);text-align:right;-webkit-user-select:none;user-select:none;padding:19px 12px 19px 0;font-size:9px;line-height:2.08}.vuecosmos-root .template-code textarea{resize:vertical;width:100%;min-height:345px;color:var(--vue-ink);font:10px/2.08 var(--vue-mono);tab-size:2;background:0 0;border:0;outline:0;padding:19px 17px}.vuecosmos-root .template-code textarea:focus{box-shadow:inset 0 0 0 1px #d9f95e59}.vuecosmos-root .template-editor .editor-foot{padding:12px 15px}.vuecosmos-root .template-editor .editor-foot button{color:var(--vue-muted);background:0 0;align-items:center;gap:6px;font-size:8px;display:inline-flex}.vuecosmos-root .template-editor .editor-foot button:hover{color:var(--vue-lime)}.vuecosmos-root .template-preview-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:399px;padding:35px;display:flex}.vuecosmos-root .template-preview-body .preview-kicker{color:var(--vue-lime);margin-bottom:25px}.vuecosmos-root .mini-counter{background:var(--vue-lime);color:#111117;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;transition:transform .2s;display:flex}.vuecosmos-root .mini-counter:hover{transform:scale(1.06)rotate(-4deg)}.vuecosmos-root .mini-counter span{font:500 34px var(--vue-display);letter-spacing:-.08em}.vuecosmos-root .mini-counter small{font-size:8px}.vuecosmos-root .mini-result{min-height:28px;color:var(--vue-muted);margin-top:22px;font-size:9px}.vuecosmos-root .mini-result b{color:var(--vue-coral);font-weight:400}.vuecosmos-root .template-preview-body>p{max-width:230px;color:var(--vue-dim);margin:30px 0 0;font-size:9px;line-height:1.7}.vuecosmos-root .mini-component-tree{flex-direction:column;align-items:center;display:flex}.vuecosmos-root .mini-box{border:1px solid var(--vue-line);min-width:120px;color:var(--vue-ink);font:500 13px var(--vue-display);padding:12px}.vuecosmos-root .mini-box small{color:var(--vue-lime);font:8px var(--vue-mono);margin-top:5px;display:block}.vuecosmos-root .child-box{border-color:var(--vue-violet)}.vuecosmos-root .mini-branch{background:var(--vue-line);width:1px;height:35px}.vuecosmos-root .nav-search{border:1px solid var(--vue-line);width:205px;height:34px;color:var(--vue-muted);align-items:center;gap:8px;padding:0 9px;display:flex}.vuecosmos-root .nav-search input{min-width:0;color:var(--vue-ink);background:0 0;border:0;outline:0;flex:1;font-size:9px}.vuecosmos-root .nav-search input::placeholder{color:var(--vue-dim)}.vuecosmos-root .nav-search-close{color:var(--vue-muted);background:0 0;place-items:center;padding:0;display:grid}.vuecosmos-root .nav-search-close:hover{color:var(--vue-ink)}.vuecosmos-root .topic-card:hover h3{color:var(--vue-lime)}.vuecosmos-root .template-code textarea{white-space:pre;overflow:auto}.vuecosmos-root .reveal-up{animation:.8s .1s both reveal-up}.vuecosmos-root .reveal-scale{animation:1s .25s both reveal-scale}@keyframes signal-hot{50%{r:11px;opacity:.3}}@keyframes pulse-dot{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes scroll-line{0%,to{transform-origin:top;transform:scaleY(.45)}50%{transform-origin:top;transform:scaleY(1)}}@keyframes node-pop{0%{opacity:.55;transform:scale(.92)}55%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.vuecosmos-root .nav-inner,.vuecosmos-root .statement-section,.vuecosmos-root .path-section,.vuecosmos-root .about-grid,.vuecosmos-root .about-values,.vuecosmos-root .related-section,.vuecosmos-root .topic-body,.vuecosmos-root .site-footer,.vuecosmos-root .page{width:min(100% - 44px,680px)}.vuecosmos-root .main-nav{gap:18px}.vuecosmos-root .hero{grid-template-columns:1fr;min-height:auto;padding-left:22px;padding-right:22px}.vuecosmos-root .hero-copy{padding-top:25px}.vuecosmos-root .hero-visual{height:460px;margin:45px 0 0}.vuecosmos-root .scroll-cue{display:none}.vuecosmos-root .statement-section{grid-template-columns:1fr;gap:20px;padding:95px 0}.vuecosmos-root .statement-content{margin-top:60px}.vuecosmos-root .signal-stack{grid-column:1;max-width:400px;margin-top:30px}.vuecosmos-root .path-section{padding:90px 0 110px}.vuecosmos-root .path-heading{margin-left:0}.vuecosmos-root .topic-grid{grid-template-columns:repeat(2,1fr)}.vuecosmos-root .topic-hero{grid-template-columns:1fr;padding:30px 0 60px}.vuecosmos-root .topic-visualizer{margin:60px 0 0}.vuecosmos-root .topic-body,.vuecosmos-root .related-section{padding-left:0;padding-right:0}.vuecosmos-root .sandbox{grid-template-columns:1fr 1fr}.vuecosmos-root .code-panel{border-bottom:1px solid var(--vue-line);grid-column:span 2;min-height:420px}.vuecosmos-root .sim-panel,.vuecosmos-root .preview-panel{min-height:500px}.vuecosmos-root .about-hero p{margin-left:40%}.vuecosmos-root .about-grid{padding-left:0;padding-right:0}.vuecosmos-root .about-values{padding-bottom:60px}}@media (max-width:600px){.vuecosmos-root .nav-inner{width:calc(100% - 36px);height:68px}.vuecosmos-root .desktop-search{display:none}.vuecosmos-root .mobile-menu{display:grid}.vuecosmos-root .main-nav{border:1px solid var(--vue-line);background:var(--vue-surface);flex-direction:column;align-items:start;gap:18px;padding:20px;display:none;position:absolute;top:61px;left:18px;right:18px}.vuecosmos-root .main-nav.is-open{display:flex}.vuecosmos-root .nav-play{margin-left:0}.vuecosmos-root .hero{min-height:820px;padding-top:123px}.vuecosmos-root .hero h1,.vuecosmos-root .page-intro h1,.vuecosmos-root .playground-heading h1,.vuecosmos-root .about-hero h1{font-size:59px}.vuecosmos-root .hero-sub{width:290px}.vuecosmos-root .hero-actions{flex-direction:column;align-items:start;gap:18px}.vuecosmos-root .hero-visual{transform-origin:0 0;width:121%;height:400px;transform:scale(.83)}.vuecosmos-root .node-state{left:42px}.vuecosmos-root .node-effect{left:260px}.vuecosmos-root .node-dom{left:284px}.vuecosmos-root .orbit-one{left:35px}.vuecosmos-root .orbit-two{left:-25px}.vuecosmos-root .visual-caption{bottom:10px;left:54px}.vuecosmos-root .visual-reset{bottom:12px;right:15px}.vuecosmos-root .statement-section,.vuecosmos-root .path-section,.vuecosmos-root .about-grid,.vuecosmos-root .about-values,.vuecosmos-root .related-section,.vuecosmos-root .topic-body,.vuecosmos-root .site-footer,.vuecosmos-root .page{width:calc(100% - 36px)}.vuecosmos-root .statement-section{padding-top:80px}.vuecosmos-root .statement-content h2,.vuecosmos-root .path-heading h2,.vuecosmos-root .home-cta h2,.vuecosmos-root .analogy-block h2,.vuecosmos-root .related-section h2,.vuecosmos-root .about-statement h2{font-size:44px}.vuecosmos-root .path-heading{margin:48px 0;display:block}.vuecosmos-root .path-heading .arrow-link{margin-top:25px}.vuecosmos-root .path-row{grid-template-columns:12% 17% 1fr 10%;min-height:100px}.vuecosmos-root .path-icon{font-size:29px}.vuecosmos-root .path-info strong{font-size:19px}.vuecosmos-root .path-info small{font-size:8px;line-height:1.4}.vuecosmos-root .site-footer{padding:35px 0;display:block}.vuecosmos-root .footer-links{flex-wrap:wrap;gap:15px;margin-top:30px}.vuecosmos-root .footer-note{width:100%;margin:5px 0 0}.vuecosmos-root .page{padding-top:120px}.vuecosmos-root .page-intro,.vuecosmos-root .playground-heading{min-height:0;padding-bottom:55px;display:block}.vuecosmos-root .page-intro>p,.vuecosmos-root .playground-heading>p{width:285px;margin:32px 0 0}.vuecosmos-root .learn-toolbar{display:block}.vuecosmos-root .filter-tabs{padding-bottom:16px}.vuecosmos-root .search-field{width:100%}.vuecosmos-root .topic-group{padding:52px 0}.vuecosmos-root .topic-grid{grid-template-columns:1fr 1fr}.vuecosmos-root .topic-card{min-height:170px;padding:14px}.vuecosmos-root .topic-card h3{font-size:14px}.vuecosmos-root .topic-card p{font-size:8px}.vuecosmos-root .group-count{display:none}.vuecosmos-root .topic-hero{min-height:0;padding-top:5px}.vuecosmos-root .topic-hero h1{font-size:53px}.vuecosmos-root .back-link{margin-bottom:44px}.vuecosmos-root .topic-visualizer{height:300px;margin-top:45px}.vuecosmos-root .topic-model{inset:77px 20px 62px}.vuecosmos-root .model-node{width:76px;height:72px;padding:10px}.vuecosmos-root .model-node strong{font-size:11px}.vuecosmos-root .model-wire{width:32px}.vuecosmos-root .topic-columns{grid-template-columns:1fr;gap:65px}.vuecosmos-root .analogy-block{margin:55px 0 80px}.vuecosmos-root .topic-body{padding-top:80px;padding-bottom:85px}.vuecosmos-root .related-section{padding-bottom:90px}.vuecosmos-root .related-links{grid-template-columns:1fr}.vuecosmos-root .related-links a{margin-right:0}.vuecosmos-root .playground-tabs{white-space:nowrap;gap:22px;overflow-x:auto}.vuecosmos-root .sandbox{display:block}.vuecosmos-root .code-panel{border-right:0;min-height:425px}.vuecosmos-root .sim-panel,.vuecosmos-root .preview-panel{border-right:0;border-bottom:1px solid var(--vue-line)}.vuecosmos-root .preview-panel{min-height:420px}.vuecosmos-root .timeline-content,.vuecosmos-root .component-content{min-height:430px}.vuecosmos-root .about-page{padding-top:130px}.vuecosmos-root .about-hero{min-height:540px}.vuecosmos-root .about-hero h1{margin-top:70px}.vuecosmos-root .about-hero p{width:285px;margin:48px 0 0}.vuecosmos-root .about-grid{padding-top:80px;padding-bottom:90px;display:block}.vuecosmos-root .about-statement h2{margin-top:55px}.vuecosmos-root .about-copy{padding-top:25px}.vuecosmos-root .about-values{display:block}.vuecosmos-root .about-values>div{border-right:0;border-bottom:1px solid var(--vue-line);margin:0;padding:23px 0}.vuecosmos-root .home-cta{min-height:510px;padding-top:75px}.vuecosmos-root .home-cta h2{margin-top:75px}.vuecosmos-root .cta-ring{width:500px;height:500px;top:93px;left:calc(50% - 250px)}}