:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b10;--surface:#14141c;--surface-raised:#1c1c27;--surface-hover:#20202d;--text:#eeeef4;--muted:#a6a6b8;--subtle:#9292a6;--accent:#b6a2ff;--accent-hover:#cebeff;--cyan:#76d5e3;--border:#30303e;--border-strong:#555569;--line:#75758c;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}main:focus{outline:none}h1,h2,h3,p{margin:0}button:disabled{cursor:default}.mono{font-family:var(--mono);letter-spacing:1px;font-size:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-prism{justify-self:center;width:min(100%,540px);min-width:0}.prism-scene{width:100%;margin:0}.prism-stage{isolation:isolate;aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.prism-still{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.prism-word{letter-spacing:-.03em;font-size:36cqw;font-weight:600;line-height:1}.prism-still-mark{object-fit:contain;width:56%;height:56%;position:absolute}.prism-ready .prism-still{visibility:hidden}.prism-caption{justify-content:space-between;align-items:center;gap:16px;padding:12px 8px 0;display:flex}.prism-label{font:12px/1.6 var(--mono);letter-spacing:.12em;color:var(--cyan)}.prism-label>span{color:var(--muted);letter-spacing:0;margin-top:8px;font:14px/1.7 Segoe UI,Microsoft YaHei,sans-serif;display:block}.prism-caption button{border:1px solid var(--border-strong);background:var(--surface);min-width:88px;min-height:44px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;gap:14px;padding:10px 14px;font-size:14px;transition:border-color .25s,background .25s;display:inline-flex}.prism-caption button:hover{border-color:var(--accent);background:var(--surface-hover)}.prism-caption button:disabled{opacity:.5;cursor:default}.prism-static-note{color:var(--muted);font-size:13px}@media (width<=760px){.home-prism{width:min(100%,460px)}.prism-still-mark{width:54%;height:54%}.prism-caption{padding:8px 0 0}}.fold-text{white-space:pre;display:inline-block}.fold-text.home-title-line{display:block}.fold-cell{vertical-align:baseline;perspective:700px;display:inline-block}.fold-piece{transform-origin:50% 0;backface-visibility:hidden;display:inline-block;position:relative}.fold-piece:after{content:attr(data-fold-text);pointer-events:none;color:#0000;-webkit-text-fill-color:transparent;opacity:var(--fold-crease,0);background:linear-gradient(#00000094,#00000038 42%,#ffffff42);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.fold-piece{opacity:1!important;transform:none!important}.fold-piece:after{opacity:0!important}}.electric-prism{place-self:start center;width:min(100%,320px);margin:0}.electric-prism-stage{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.electric-prism-mark{pointer-events:none;width:93.3333%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.electric-prism .electric-logo{opacity:0;transition:opacity .3s}.electric-prism-ready .electric-logo{opacity:1}.electric-prism-controls{min-height:38px;color:var(--muted);justify-content:center;gap:12px;font-size:12px;font-weight:400;line-height:1.5;display:flex}.electric-prism-controls button{color:var(--muted);border:1px solid var(--border);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 10px;transition:color .2s,border-color .2s}.electric-prism-controls button:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.electric-prism-controls button:disabled{opacity:.45;cursor:default}.electric-prism-note{align-items:center}@media (width<=760px){.electric-prism{width:min(100%,240px)}}@media (prefers-reduced-motion:reduce){.electric-prism .electric-logo{transition:none}}.pill-nav{--pill-pad:8px;--pill-roll:32px}.pill-list{flex:none;align-items:stretch;gap:4px;height:44px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pill-slot{flex:none;display:flex;position:relative}.pill-item{isolation:isolate;white-space:nowrap;height:44px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.pill-item[aria-current=page]{color:var(--text)}.pill-item:focus-visible{outline-offset:-3px}.pill-face,.pill-face-alt{justify-content:center;align-items:center;transition:transform .38s cubic-bezier(.22,1,.36,1);display:inline-flex}.pill-face-alt{color:var(--bg);transform:translateY(var(--pill-roll));position:absolute;inset:0}.pill-fill{pointer-events:none;z-index:-1;width:var(--pill-fill,120px);height:var(--pill-fill,120px);margin:calc(var(--pill-fill,120px) / -2) 0 0 calc(var(--pill-fill,120px) / -2);background:var(--accent);border-radius:50%;transition:transform .38s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:50%;transform:scale(0)}.pill-slot[data-lit] .pill-fill{transition-duration:.55s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(1)}.pill-slot[data-lit] .pill-face{transform:translateY(calc(-1 * var(--pill-roll)))}.pill-slot[data-lit] .pill-face-alt{transform:translateY(0)}.pill-dot-holder{pointer-events:none;position:absolute;inset:0}.pill-dot{background:var(--cyan);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:-2px}.pill-slot[data-lit]:has([aria-current=page])~.pill-dot-holder .pill-dot{background:var(--bg)}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}.site-shell{width:min(1280px,100% - 112px);margin:0 auto}.wordmark{letter-spacing:1.4px;white-space:nowrap;align-items:center;gap:13px;font-size:15px;font-weight:650;display:flex}.brand-symbol{color:var(--accent);font-size:38px;font-weight:400;line-height:1}.brand-divider{color:var(--border-strong);margin:0 12px;font-weight:400}.brand-cn{letter-spacing:2px;font-size:13px;font-weight:400}.header-github{color:var(--muted);align-items:center;gap:14px;display:flex}.arrow{font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:1}.hero{grid-template-columns:1.1fr 1fr;align-items:center;min-height:610px;padding:67px 0 86px;display:grid;position:relative}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:2px;color:var(--accent);align-items:center;gap:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex:0 0 5px;width:5px;height:5px;display:inline-block}.hero h1{letter-spacing:-.045em;margin:26px 0 22px;font-size:clamp(48px,5.3vw,76px);font-weight:500;line-height:1.35}.hero h1>span{color:var(--accent)}.hero-description{color:var(--muted);letter-spacing:.6px;font-size:13px;line-height:2}.mobile-break{display:none}.hero-actions{align-items:center;gap:29px;margin-top:34px;display:flex}.button{border:1px solid var(--border);background:0 0;justify-content:center;align-items:center;gap:30px;padding:15px 21px;font-size:12px;line-height:1.5;transition:background .2s,border-color .2s;display:inline-flex}.button-primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button:hover:not(.button-primary){background:var(--surface-raised);border-color:var(--border-strong)}.text-link{align-items:center;gap:18px;font-size:12px;display:inline-flex}.text-link:hover{color:var(--accent)}.hero-art{align-self:stretch;place-items:center;min-width:0;display:grid;position:relative}.hero-art:before{content:"";aspect-ratio:1;background:radial-gradient(ellipse, color-mix(in srgb, var(--line) 4%, transparent), transparent 70%);border-radius:50%;width:71%;position:absolute}.orbit-stage{aspect-ratio:1;width:100%;max-width:510px;transform:scale(var(--orbit-spread,1))}.orbit-svg{width:100%;height:100%;animation:orbit-rotate var(--orbit-duration,32s) linear infinite;animation-play-state:paused;display:block}.is-running .orbit-svg{animation-play-state:running}@keyframes orbit-rotate{to{transform:rotate(360deg)}}.art-cross{font:16px var(--mono);color:var(--border-strong);position:absolute}.art-cross-top{top:19px;left:12%}.art-cross-bottom{bottom:12px;right:5%}.art-coordinate{white-space:nowrap;color:var(--subtle);font-size:9px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.hero-foot{color:var(--subtle);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:25px;left:0;right:0}.hero-foot button{color:var(--muted);background:0 0;border:0;gap:24px;padding:8px 0 8px 12px;font-size:11px;display:flex}.hero-foot button:hover{color:var(--accent)}.explore-section{border-top:1px solid var(--border);padding:37px 0 0;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.section-heading h2{letter-spacing:.5px;align-items:center;gap:20px;font-size:18px;font-weight:450;display:flex}.section-number{color:var(--subtle);font-size:10px}.section-caption{color:var(--subtle);letter-spacing:1.5px;font-size:9px}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.destination{border:1px solid var(--border);background:var(--surface);min-width:0;transition:border-color .25s,background .25s;overflow:hidden}.destination:hover{border-color:var(--border-strong);background:var(--surface)}.destination-top{color:var(--subtle);justify-content:space-between;align-items:center;padding:21px 23px 0;font-size:9px;display:flex}.destination-top .arrow{color:var(--muted);font-size:20px;transition:transform .25s}.destination:hover .destination-top .arrow{color:var(--accent);transform:translate(2px,-2px)}.card-visual{place-items:center;height:205px;display:grid;position:relative;overflow:hidden}.paper{border:1px solid var(--border-strong);background:var(--surface-raised);width:142px;height:160px;box-shadow:12px 10px 0 -1px var(--surface), 12px 10px 0 0 var(--border);padding:16px;position:relative;transform:rotate(-9deg)translateY(15px)}.paper>span{font:6px var(--mono);letter-spacing:2px;color:var(--muted);margin-bottom:12px;display:block}.paper i{background:color-mix(in srgb, var(--border-strong) 37%, transparent);height:1px;margin:6px 0;display:block}.paper i:nth-of-type(2){width:78%}.paper i:nth-of-type(3){width:54%}.paper b{letter-spacing:1px;color:var(--muted);margin-top:12px;font-size:17px;font-weight:400;line-height:1.6;display:block}.paper small{font:5px var(--mono);letter-spacing:1px;color:var(--line);margin-top:9px;display:block}.paper-side{color:var(--line);writing-mode:vertical-rl;letter-spacing:4px;font-size:8px;position:absolute;top:46px;right:24%}.destination-copy{border-top:1px solid var(--surface-raised);padding:23px}.destination h3{align-items:baseline;gap:12px;font-size:19px;font-weight:450;display:flex}.destination h3>span{color:var(--subtle);font:10px var(--mono)}.destination p{color:var(--muted);margin-top:11px;font-size:11px;line-height:1.9}.card-link{color:var(--accent);justify-content:space-between;margin-top:26px;font-size:11px;display:flex}.mini-grid{grid-template-columns:repeat(4,25px);gap:6px;margin-top:-8px;display:grid;transform:rotate(-12deg)}.mini-grid i{background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;width:25px;height:25px}.mini-grid i.lit{background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 7%, transparent)}.visual-note{color:var(--border-strong);letter-spacing:1.6px;font-size:6px;position:absolute;bottom:18px}.wave-lines{width:190px;height:140px;margin-top:-8px;position:relative}.wave-lines i{border:1px solid var(--line);opacity:.6;border-radius:50%;position:absolute;inset:23px 8px}.recent-section{margin-top:48px}.note-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:40px;padding:26px 0;display:flex}.note-label{color:var(--subtle);white-space:nowrap;font-size:10px}.note-row>div{flex:1}.note-row h3{font-size:16px;font-weight:450;transition:color .2s}.note-row p{color:var(--muted);margin-top:10px;font-size:11px}.note-row:hover h3{color:var(--accent)}.note-category,.tag{color:var(--muted);border:1px solid var(--border);padding:6px 10px;font-size:10px}.note-row>.arrow{color:var(--muted)}.garden-note{align-items:center;gap:12px;padding:36px 0 48px;display:flex}.garden-note p{color:var(--muted);font-size:11px}.garden-note p>span{color:var(--subtle);margin-left:12px}.garden-note>.mono{color:var(--subtle);margin-left:auto;font-size:8px}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:27px 0 30px;display:flex}.footer-brand{font:10px var(--mono);letter-spacing:1px}.footer-brand>span{color:var(--subtle);letter-spacing:1px;margin-left:10px;font:10px Microsoft YaHei,sans-serif}.footer-note{color:var(--subtle);font-size:10px}.site-footer>a:last-child{color:var(--subtle);font-size:8px}.site-footer>a:last-child>span{margin-left:12px}.skip-link{z-index:10;color:var(--bg);background:var(--accent);padding:14px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:14px}.inner-page{min-height:calc(100svh - 190px);padding:70px 0 90px}.page-intro{margin-bottom:56px}.page-intro h1{letter-spacing:-1.5px;margin:23px 0 22px;font-size:clamp(30px,3.8vw,50px);font-weight:450;line-height:1.4}.title-dot{color:var(--accent);margin-left:5px}.page-intro>p{color:var(--muted);font-size:13px;line-height:2}.list-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:19px;font-size:12px;display:flex}.list-toolbar>.mono{color:var(--subtle)}.count{font:10px var(--mono);color:var(--subtle);margin-left:8px}.blog-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:70px;padding:34px 0;display:flex}.blog-entry>.note-label{padding-top:7px}.blog-entry>div{flex:1}.blog-entry h2{font-size:24px;font-weight:450}.blog-entry:hover h2{color:var(--accent)}.blog-entry p{color:var(--muted);margin:15px 0 23px;font-size:13px;line-height:2}.quiet-note{color:var(--subtle);text-align:center;margin-top:50px;font-size:12px}.back-link{color:var(--muted);margin-bottom:50px;font-size:12px;display:inline-block}.article{max-width:760px;margin:auto}.article h1{margin:20px 0;font-size:clamp(30px,4vw,48px);font-weight:450;line-height:1.5}.article-lead{color:var(--muted);font-size:16px;line-height:1.8}.article-body{border-top:1px solid var(--border);margin-top:35px;padding-top:30px}.article-body p{color:var(--muted);margin-bottom:25px;font-size:14px;line-height:2.3}.article-body h2{margin:35px 0 18px;font-size:21px;font-weight:450}.article-end{color:var(--subtle);border-bottom:1px solid var(--border);margin-bottom:30px;padding:24px 0 32px}.about-layout{border-top:1px solid var(--border);grid-template-columns:1fr 1.5fr;gap:60px;padding-top:50px;display:grid}.about-symbol{color:var(--accent);text-align:center;align-self:start;font:190px/1.2 Georgia,serif}.about-content{max-width:600px}.about-content h2{margin-bottom:25px;font-size:25px;font-weight:450}.about-content p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:2.2}.about-placeholder{border-left:1px solid var(--border-strong);margin:30px 0;padding:5px 0 0 20px}.about-placeholder>span{color:var(--subtle);font-size:9px}.about-placeholder p{margin:13px 0 0;font-size:12px}.loading{text-align:center;color:var(--muted);padding:120px 0}.interactive-panel{border:1px solid var(--border);background:var(--surface);grid-template-columns:1.2fr 1fr;display:grid}.panel-stage{border-right:1px solid var(--border);justify-content:center;align-items:center;min-height:450px;padding:38px;display:flex;overflow:hidden}.panel-details{padding:36px}.panel-details>.eyebrow{font-size:9px}.panel-details h2{margin:20px 0 14px;font-size:28px;font-weight:450}.panel-description{color:var(--muted);font-size:12px;line-height:2.1}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.memory-grid{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,320px);display:grid}.memory-cell{border:1px solid var(--border);background:var(--surface-raised);min-width:0;font:19px var(--mono);border-radius:4px;transition:background .15s;position:relative}.memory-cell:not(:disabled):hover{border-color:var(--accent);background:var(--border)}.memory-cell.target,.memory-cell.correct{color:#26301c;background:#bfd29e;border-color:#d4e1bd}.memory-cell.wrong{color:#f8ddd0;background:#76594e;border-color:#a67e6f}.memory-cell.reveal{border-color:var(--accent);background:#536443}.game-stats{border-block:1px solid var(--border);gap:35px;margin:26px 0 20px;padding:17px 0;display:flex}.game-stats span{color:var(--muted);flex-direction:column;gap:8px;font-size:10px;display:flex}.game-stats strong{font:22px var(--mono);color:var(--text);font-weight:400}.game-status{min-height:46px;color:var(--accent);font-size:12px;line-height:1.9}.game-help{color:var(--subtle);margin-top:22px;font-size:11px;line-height:2}.lab-controls{border:0;gap:20px;min-width:0;margin:25px 0;padding:0;display:grid}.lab-controls label{color:var(--muted);grid-template-columns:1fr auto;gap:13px;font-size:12px;display:grid}.lab-controls output{font:11px var(--mono);color:var(--accent)}.lab-controls input{width:100%;accent-color:var(--accent);cursor:pointer;grid-column:1/-1;margin:3px 0}.lab-status{color:var(--subtle);margin-top:20px;font-size:11px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1500px){.hero{min-height:670px}}@media (width<=1100px){.site-shell{width:calc(100% - 72px)}.header-github{display:none}.hero{min-height:570px}.destination-top,.destination-copy{padding-left:18px;padding-right:18px}.destination h3{gap:8px;font-size:17px}.destination h3>span{font-size:8px}.card-visual{height:190px}.garden-note>.mono{display:none}.panel-details{padding:28px}}@media (width<=760px){.site-shell{width:calc(100% - 40px)}.wordmark{font-size:14px}.brand-symbol{font-size:32px}.hero{grid-template-columns:1fr;min-height:0;padding:49px 0 62px}.hero h1{margin-top:22px;font-size:clamp(43px,9.5vw,66px)}.eyebrow{letter-spacing:1.3px;font-size:9px}.hero-description{font-size:12px}.hero-actions{margin-top:26px}.hero-art{opacity:.22;pointer-events:none;z-index:0;width:47%;height:210px;position:absolute;top:40px;right:-8px}.hero-copy{z-index:1;position:relative}.hero-art .art-coordinate,.hero-art .art-cross{display:none}.hero-foot{bottom:18px}.hero-foot>span{letter-spacing:.7px;font-size:6px}.hero-foot button{gap:10px;font-size:10px}.section-heading{margin-bottom:21px}.section-heading h2{gap:12px;font-size:16px}.section-caption{letter-spacing:.6px;font-size:7px}.explore-section{padding-top:27px}.destination-grid{grid-template-columns:1fr;gap:15px}.destination{grid-template-columns:1fr 1fr;display:grid}.destination-top{grid-column:1/-1;padding:17px 18px 0}.card-visual{height:191px}.destination-copy{border:0;padding:32px 17px 20px 0}.destination h3{font-size:18px;display:block}.destination h3>span{margin-top:8px;font-size:9px;display:block}.destination p{margin-top:13px;font-size:11px}.card-link{margin-top:19px}.paper{transform:scale(.8)rotate(-9deg)}.paper-side{font-size:6px;top:35px;right:14%}.mini-grid{transform:rotate(-12deg)scale(.85)}.wave-lines{transform:scale(.8)}.visual-note{letter-spacing:.6px;font-size:4px;bottom:23px}.recent-section{margin-top:35px}.note-row{flex-wrap:wrap;gap:14px;padding:22px 28px 22px 0;position:relative}.note-row>.note-label{width:100%;font-size:8px}.note-row h3{font-size:15px}.note-row p{font-size:10px;line-height:1.9}.note-row .note-category{display:none}.note-row>.arrow{position:absolute;top:45%;right:0}.garden-note{align-items:flex-start;padding:29px 0}.garden-note>.status-dot{margin-top:6px}.garden-note p{font-size:10px;line-height:1.8}.garden-note p>span{margin:2px 0 0;display:block}.site-footer{flex-wrap:wrap;row-gap:16px;padding:24px 0}.footer-note{display:none}.site-footer>a:last-child{font-size:6px}.footer-brand{font-size:9px}.footer-brand>span{margin-left:6px;font-size:8px}.inner-page{padding:46px 0 60px}.page-intro{margin-bottom:35px}.page-intro h1{letter-spacing:-1px;font-size:32px}.page-intro>p{font-size:12px}.blog-entry{flex-wrap:wrap;gap:20px}.blog-entry>.note-label{width:100%}.blog-entry h2{font-size:21px}.blog-entry p{font-size:12px}.about-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.about-symbol{text-align:left;font-size:100px}.about-content h2{font-size:23px}.about-content p{font-size:13px}.interactive-panel{grid-template-columns:1fr}.panel-stage{border-right:0;border-bottom:1px solid var(--border);min-height:0;padding:28px}.panel-details{padding:27px}.panel-stage .orbit-stage{max-width:330px}.memory-grid{gap:8px;max-width:280px}.back-link{margin-bottom:35px}.article h1{font-size:30px}.article-lead{font-size:14px}}html{scroll-padding-top:calc(var(--header-height) + 22px)}:focus-visible{scroll-margin-top:calc(var(--header-height) + 22px)}.brand-name{letter-spacing:-1.1px;font-size:25px;font-weight:550}.wordmark .brand-symbol{flex:none;width:38px;height:38px;transition:transform .4s,filter .25s;display:block}.brand-mark-tilt{flex:none;transition:transform .4s,filter .25s;display:block}.wordmark:hover .brand-mark-tilt,.wordmark:focus-visible .brand-mark-tilt{filter:brightness(1.3);transform:perspective(160px)rotateY(-14deg)rotate(-6deg)}.skip-link{z-index:200}.explore-section{scroll-margin-top:calc(var(--header-height) + 22px)}.hero h1 .hero-line{color:var(--text);display:block}.hero h1 .hero-line-accent{color:var(--accent)}.page-view{animation:.25s both soft-arrive}@keyframes soft-arrive{0%{opacity:0}to{opacity:1}}.button:active{scale:.97}.text-link .arrow{transition:transform .2s}.text-link:hover .arrow{transform:translate(2px,-2px)}.motion-card-wrap{perspective:900px;width:100%;height:100%;display:block!important}.motion-card-inner{height:100%}.interactive-card{border-radius:3px;height:100%;padding:0}.interactive-card .destination{background:0 0;border:0;height:100%;display:block}.interactive-card:focus-within{box-shadow:0 0 0 2px var(--accent)}.interactive-card>a:focus-visible{outline-offset:-5px}.interactive-card>a:active{filter:brightness(1.12)}.destination-grid>.content-reveal{min-width:0}.detail-page>.back-link{margin-bottom:30px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.catalog-grid>.content-reveal{min-width:0}.catalog-card{min-height:380px;display:block}.catalog-visual{height:195px;color:var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.catalog-copy{padding:0 24px 24px}.catalog-tag{color:var(--subtle);font-size:9px}.catalog-copy h2{margin-top:12px;font-size:23px;font-weight:450}.catalog-copy p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.9}.catalog-copy .card-link{margin-top:23px}.orbit-thumbnail{width:225px;max-width:100%}.orbit-thumbnail .orbit-stage{transform:scale(.88)}.spotlight-thumbnail{border:1px solid var(--border-strong);background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--border-strong) 33%, transparent), var(--surface) 65%);border-radius:5px;place-items:center;width:180px;height:120px;display:grid;position:relative;transform:rotate(-8deg)}.spotlight-thumbnail>span{color:var(--text);letter-spacing:.2px;z-index:1;font:17px Georgia,serif}.spotlight-thumbnail>i{background:radial-gradient(circle at 70% 55%, color-mix(in srgb, var(--muted) 33%, transparent), transparent 70%);opacity:.2;transition:opacity .3s;position:absolute;inset:0}.catalog-card:hover .spotlight-thumbnail>i{opacity:1}.magnet-thumbnail{place-items:center;width:200px;height:160px;display:grid;position:relative}.magnet-thumbnail>i{border:1px dashed var(--border-strong);border-radius:50%;width:145px;height:145px;position:absolute}.magnet-thumbnail>span{border:1px solid var(--line);background:var(--surface-raised);color:var(--accent);font:11px var(--mono);gap:20px;padding:17px;transition:transform .3s;display:flex}.magnet-thumbnail b{font-weight:400}.catalog-card:hover .magnet-thumbnail>span{transform:translate(5px,-3px)}.spark-thumbnail{place-items:center;width:130px;height:130px;display:grid;position:relative}.spark-thumbnail>i{border:1px solid var(--accent);border-radius:50%;width:9px;height:9px}.spark-thumbnail>span{background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 25%, transparent));opacity:.55;width:1px;height:19px;transition:opacity .3s;position:absolute}.catalog-card:hover .spark-thumbnail>span{opacity:1}.waves-thumbnail{opacity:.7;width:100%;height:100%;max-height:195px;transition:translate .4s}.catalog-card:hover .waves-thumbnail{translate:0 -4px}.source-note{text-align:right;color:var(--subtle);margin-top:23px;font-size:10px;line-height:1.9}.source-note a{color:var(--muted);border-bottom:1px solid var(--border-strong);padding-bottom:2px}.source-note a:hover{color:var(--accent)}.experiment-title{margin:20px 0 14px;font-size:28px;font-weight:450}.lab-stage{min-width:0;min-height:470px;position:relative}.orbit-artboard{width:100%}.spotlight-demo{border-radius:7px;width:min(100%,320px);min-height:320px;padding:32px}.spotlight-demo>.eyebrow{letter-spacing:2px;font-size:8px}.spotlight-demo h2{letter-spacing:-1px;margin:26px 0 20px;font-size:38px;font-weight:450;line-height:1.5}.spotlight-demo p{color:var(--muted);font-size:11px;line-height:1.9}.demo-corner{color:var(--accent);font-size:27px;position:absolute;bottom:27px;right:29px}.magnet-artboard{place-items:center;width:100%;height:380px;display:grid;position:relative}.magnet-orbit{border:1px dashed var(--border);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute}.magnet-orbit:after{content:"";border:1px solid var(--surface-raised);border-radius:50%;position:absolute;inset:-24px}.magnet-demo-button{border:1px solid var(--line);background:var(--accent);color:var(--bg);border-radius:3px;min-width:166px;padding:24px 34px;font-size:15px}.magnet-demo-button>span{margin-left:24px}.artboard-caption{text-align:center;letter-spacing:1.4px;color:var(--subtle);pointer-events:none;z-index:2;font-size:8px;position:absolute;bottom:16px;left:0;right:0}.spark-artboard{place-items:center;min-height:400px;display:grid}.spark-center{flex-direction:column;align-items:center;gap:26px;display:flex}.spark-star{color:var(--accent);pointer-events:none;font-size:70px;line-height:1}.spark-demo-button{border:1px solid var(--border-strong);color:var(--accent);background:var(--surface-raised);border-radius:3px;padding:15px 20px;font-size:12px}.spark-demo-button span{margin-left:15px}.spark-center>.mono{color:var(--subtle);letter-spacing:2px;pointer-events:none;font-size:8px}.waves-artboard{position:absolute;inset:0;overflow:hidden}.waves-artboard .artboard-caption{background:#0b0b10bf;padding:7px 0;bottom:15px;left:15%;right:15%}.waves-fallback{background:var(--surface);place-items:center;padding:25px;display:grid;position:absolute;inset:0}.waves-fallback .waves-thumbnail{max-height:none}.button:disabled{opacity:.5}@media (width<=1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-copy{padding-left:20px;padding-right:20px}}@media (width<=760px){.brand-name{font-size:24px}.interactive-card .destination{display:grid}.catalog-visual{height:185px}.catalog-copy h2{font-size:21px}.catalog-copy p{font-size:11px}.catalog-copy{padding:0 19px 22px}.catalog-card{min-height:367px}.lab-stage{min-height:350px;padding:28px}.spotlight-demo{min-height:285px;padding:25px}.spotlight-demo h2{margin-top:22px;font-size:33px}.magnet-artboard{height:300px}.spark-artboard{min-height:290px}.experiment-title{font-size:26px}.source-note{text-align:left;font-size:9px}}@media (width<=580px){.catalog-grid{grid-template-columns:minmax(0,1fr);gap:18px}.catalog-card{min-height:0}.catalog-visual{height:210px}.catalog-copy{padding:0 23px 24px}.catalog-copy p{font-size:12px}}.site-shell{z-index:1;position:relative}.cursor-backdrop{z-index:0;pointer-events:none;background:radial-gradient(at 85% 15%,#b6a2ff05,#0000 48%),radial-gradient(at 10% 75%,#76d5e304,#0000 50%);position:fixed;inset:0;overflow:hidden}.cursor-backdrop .glow-cursor{pointer-events:none;position:absolute;inset:0}.hero-scene{width:min(100%,440px);margin:0 0 0 auto}.hero-image-frame{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--surface);border-radius:3px;width:100%;position:relative;overflow:hidden}.hero-still{object-fit:cover;opacity:.82;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.dither-ready .hero-still{opacity:0}.hero-image-frame .dither-veil{position:absolute;inset:0}.hero-reveal-button{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--text);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b0b10d9;border-radius:2px;padding:10px 12px;font-size:10px;transition:background .2s;position:absolute;bottom:16px;right:16px}.hero-reveal-button:hover{background:var(--border)}.hero-reveal-button>span{margin-left:18px}.hero-image-error{color:var(--muted);text-align:center;place-content:center;font-size:13px;line-height:2;display:grid;position:absolute;inset:0}.hero-scene figcaption{color:var(--subtle);justify-content:space-between;gap:15px;margin-top:15px;font-size:9px;line-height:1.6;display:flex}.hero-scene figcaption .mono{letter-spacing:1px;font-size:8px}.hero-art:before{display:none}.animated-artboard{place-items:center;width:100%;min-height:370px;display:grid;position:relative}.animated-demo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:100%;max-width:410px;display:grid}.animated-demo-tile{border:1px solid var(--border-strong);background:var(--surface-raised);min-width:0;color:var(--accent);border-radius:3px;flex-direction:column;gap:23px;padding:15px 12px;display:flex}.animated-demo-tile>.mono{color:var(--subtle);font-size:9px}.animated-demo-tile>b{align-self:center;font-size:30px;font-weight:400}.animated-demo-tile>span:last-child{text-align:center;white-space:nowrap;font-size:10px}.direction-control{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.direction-control>div{gap:6px;display:flex}.direction-control button{border:1px solid var(--border);background:0 0;border-radius:2px;padding:7px 13px;font-size:11px}.direction-control button[aria-pressed=true]{color:var(--accent);background:var(--surface-raised);border-color:var(--line)}.content-thumbnail{gap:9px;display:flex}.content-thumbnail>span{border:1px solid var(--line);background:var(--surface-raised);width:47px;height:75px;color:var(--accent);font:9px var(--mono);align-content:space-between;padding:10px;transition:translate .35s;display:grid}.content-thumbnail i{background:var(--accent);width:12px;height:1px}@media (width<=760px){.hero{gap:33px}.hero-art{opacity:1;z-index:1;pointer-events:auto;width:100%;height:auto;position:relative;top:auto;right:auto}.hero-scene{width:min(100%,480px);margin:0 auto 15px}.hero-scene figcaption{margin-top:12px;font-size:8px}.hero-scene figcaption .mono{letter-spacing:.7px;font-size:7px}.hero-reveal-button{font-size:10px;bottom:12px;right:12px}.animated-artboard{min-height:295px}.animated-demo-row{gap:8px}.animated-demo-tile{padding:12px 7px}.animated-demo-tile>span:last-child{font-size:9px}}.dither-layer{position:absolute;inset:0}.about-symbol img{width:min(100%,220px);height:auto}.page-intro h1{letter-spacing:-.045em;font-size:clamp(34px,4.2vw,56px);font-weight:500}.page-intro>p,.blog-entry p,.catalog-copy p{font-size:14px}.catalog-copy h2{letter-spacing:-.035em;font-size:26px}.article-body p{color:var(--muted);font-size:15px}.list-toolbar{font-size:14px}.site-footer .mono{font-size:12px}@media (width<=760px){.wordmark .brand-symbol{width:32px;height:32px}.page-intro h1{font-size:32px}.page-intro>p,.blog-entry p,.catalog-copy p{font-size:14px}.catalog-copy h2{font-size:24px}.about-symbol img{width:128px}.site-footer{align-items:flex-start}.site-footer>a:last-child{font-size:10px}}@media (prefers-reduced-motion:reduce){.wordmark:hover .brand-mark-tilt,.wordmark:focus-visible .brand-mark-tilt{transform:none}}.site-theme{background:var(--bg);min-height:100svh;color:var(--text)}.site-theme .page-view{animation:none}.site-theme .button,.site-theme .text-link{font-size:14px}.site-theme .button-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.site-theme .button-primary:hover{background:var(--accent-hover)}.home-page{padding-bottom:90px}.home-hero{min-height:min(800px, calc(100svh - var(--header-space)));grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:64px 0 100px;display:grid;position:relative}.home-hero-copy,.home-prism{min-width:0}.home-title{letter-spacing:-.07em;margin:0;font-size:clamp(96px,9.4vw,136px);font-weight:600;line-height:.94}.home-title-line{width:fit-content;display:block}.home-title-accent{color:var(--accent)}.home-intro{color:var(--muted);letter-spacing:.03em;margin-top:30px;font-size:16px;line-height:1.8}.home-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:28px;display:flex}.home-scroll{color:var(--subtle);font:12px/1.5 var(--mono);letter-spacing:.05em;align-items:center;gap:28px;display:flex;position:absolute;bottom:28px;left:0}.home-scroll>span:last-child{font-size:20px;transition:translate .25s}.home-scroll:hover{color:var(--accent)}.home-scroll:hover>span:last-child{translate:0 4px}.cubes-scene{width:100%;margin:0}.cubes-stage{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.cubes-layer,.cubes,.cubes-still,.cubes-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cubes{touch-action:pan-y;overflow:hidden}.cubes-canvas,.cubes-still{pointer-events:none}.cubes-ready>.cubes-still{visibility:hidden}.cubes-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 14px 0;display:flex}.cubes-label{letter-spacing:.06em;font-size:18px;font-weight:500}.cubes-label>span{color:var(--muted);letter-spacing:0;margin-top:8px;font-size:14px;font-weight:400;display:block}.cubes-controls{gap:8px;display:flex}.cubes-controls button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:2px;padding:10px 14px;font-size:14px;transition:border-color .25s,background .25s,scale .2s}.cubes-controls button:hover{border-color:var(--accent);background:var(--surface-raised)}.cubes-controls button:active{scale:.96}.cubes-controls button:disabled{opacity:.45;cursor:default}.cubes-controls button>span{margin-left:8px}.cubes-static-note{color:var(--muted);font-size:14px}.home-explore{border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-height) + 24px);padding-top:50px}.home-section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.home-section-heading h2{letter-spacing:-.055em;font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.15}.home-section-heading p{color:var(--muted);font-size:14px;line-height:1.8}.home-destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home-destinations>div{min-width:0}.home-destination{flex-direction:column;min-height:350px;padding:28px;display:flex}.home-card-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-card-heading h3{letter-spacing:-.055em;font-size:clamp(28px,2.8vw,38px);font-weight:500;line-height:1.1}.home-card-heading .arrow{color:var(--subtle);transition:translate .25s,color .25s}.home-destination:hover .home-card-heading .arrow{color:var(--accent);translate:2px -2px}.home-card-art{height:168px;min-height:168px;color:var(--line);flex:1;place-content:center;display:grid}.home-journal-art{justify-content:start;gap:13px;width:72%;margin:0 auto;transform:rotate(-8deg)}.home-journal-art span{background:var(--line);opacity:.65;width:170px;max-width:100%;height:1px;display:block}.home-journal-art span:nth-child(2){width:130px}.home-journal-art span:nth-child(3){width:155px}.home-journal-art span:nth-child(4){width:90px}.home-game-art .mini-grid{grid-template-columns:repeat(4,23px);gap:7px;transform:rotate(-8deg)}.home-game-art .mini-grid i{background:var(--surface-raised);border-color:var(--border);width:23px;height:23px}.home-game-art .mini-grid i.lit{background:var(--accent);border-color:var(--accent);box-shadow:none}.home-lab-art{position:relative}.home-lab-art span{border:1px solid var(--line);opacity:.7;border-radius:50%;width:160px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.home-lab-art span:nth-child(2){transform:translate(-50%,-50%)rotate(-22.5deg)}.home-lab-art span:nth-child(3){transform:translate(-50%,-50%)}.home-lab-art span:nth-child(4){transform:translate(-50%,-50%)rotate(22.5deg)}.home-lab-art span:nth-child(5){transform:translate(-50%,-50%)rotate(45deg)}.home-card-bottom{justify-content:space-between;align-items:end;gap:12px;display:flex}.home-card-bottom p{font-size:16px;line-height:1.6}.home-card-bottom p>span{color:var(--muted);margin-top:5px;font-size:14px;display:block}.home-card-bottom>span{color:var(--accent);font-size:23px}.home-recent{margin-top:88px}.home-note{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;padding:35px 0;display:flex}.home-note h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px);font-weight:450;transition:color .25s}.home-note:hover h3{color:var(--accent)}.home-note p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.8}.home-note>.arrow{color:var(--accent);font-size:32px}.site-theme .footer-brand,.site-theme .footer-brand>span,.site-theme .footer-note,.site-theme .site-footer>a:last-child{font-size:12px}.site-dot-backdrop,.dot-grid,.dot-grid-canvas,.dot-grid-still{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dot-grid-canvas{display:block}.dot-grid-still{opacity:var(--dot-opacity,.45);background:radial-gradient(circle,#525261 1.25px,#0000 1.5px) 50%/28.5px 28.5px}.dots-ready .dot-grid-still{visibility:hidden}@media (width<=1100px){.home-hero{gap:20px}.home-destination{padding:24px}.home-destinations{gap:14px}.cubes-caption{padding-inline:8px}}@media (width<=760px){.home-hero{grid-template-columns:1fr;gap:32px;min-height:0;padding:44px 0 80px}.home-title{letter-spacing:-.065em;font-size:clamp(56px,12vw,72px);line-height:.98}.home-intro{margin-top:24px;font-size:15px}.home-actions{gap:24px;margin-top:24px}.home-cubes{justify-self:center;width:min(100%,460px)}.cubes-caption{padding:8px 4px 0}.cubes-controls button{padding:10px 12px}.home-scroll{font-size:12px;bottom:24px}.home-explore{padding-top:32px}.home-section-heading{flex-wrap:wrap;row-gap:12px;margin-bottom:24px}.home-section-heading h2{font-size:clamp(30px,6.5vw,40px)}.home-section-heading p{width:100%}.home-destinations{grid-template-columns:1fr;gap:16px}.home-destination{grid-template-columns:1fr 125px;column-gap:12px;min-height:220px;padding:24px;display:grid}.home-card-heading{grid-column:1/-1}.home-card-heading h3{font-size:36px}.home-card-art{grid-area:2/2;width:125px;height:128px;min-height:128px;margin:0}.home-card-bottom{grid-area:2/1;padding-bottom:8px}.home-card-bottom>span{display:none}.home-journal-art{justify-content:center}.home-journal-art span{width:110px}.home-journal-art span:nth-child(2){width:80px}.home-journal-art span:nth-child(3){width:100px}.home-journal-art span:nth-child(4){width:60px}.home-game-art .mini-grid{margin-top:0;transform:rotate(-8deg)scale(.85)}.home-lab-art span{width:125px;height:70px}.home-recent{margin-top:52px}.home-note{padding:26px 0}.home-note p{font-size:14px}.home-page{padding-bottom:52px}}@media (width<=370px){.home-destination{grid-template-columns:1fr 105px;padding:20px}.home-card-art,.home-lab-art span{width:105px}.home-card-bottom p>span{font-size:13px}}:root{--header-space:100px;--header-height:100px}.header-spacer{height:var(--header-space)}.site-header{z-index:100;height:var(--header-space);pointer-events:none;-webkit-backdrop-filter:none;background:0 0;border:0;justify-content:center;align-items:flex-start;padding:0;transition:height .38s cubic-bezier(.22,1,.36,1),padding .38s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0 0 auto}.site-header .pill-nav{box-sizing:border-box;pointer-events:auto;width:min(1280px,100% - 112px);max-width:calc(100% - 24px);height:100px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:0;transition:width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),padding .38s,border-radius .38s,background .38s,border-color .38s,box-shadow .38s;display:flex}.pill-brand-slot,.pill-extra{flex:1 1 0;min-width:0;transition:flex-grow .38s,flex-basis .38s;display:flex}.pill-brand{width:fit-content}.pill-brand .brand-name{opacity:1;max-width:110px;transition:max-width .32s,opacity .2s;overflow:hidden}.pill-extra{opacity:1;justify-content:flex-end;transition:flex-grow .38s,flex-basis .38s,opacity .2s;overflow:hidden}.pill-extra .header-github{white-space:nowrap}.site-header.is-floating{height:72px;padding-top:12px}.site-header.is-floating .pill-nav{width:var(--pill-compact-width,430px);height:56px;padding:5px var(--pill-pad);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#191822bd;border-color:#b6a2ff26;border-radius:999px;box-shadow:inset 0 1px #ffffff0d,0 10px 30px -12px #0000008c}.is-floating .pill-brand-slot{flex:0 0 36px}.is-floating .pill-brand{border-radius:999px;justify-content:center;gap:0;width:36px;height:44px}.site-header .pill-brand .brand-symbol{transition:transform .4s,filter .25s,width .38s,height .38s}.is-floating .pill-brand .brand-symbol{width:30px;height:30px}.is-floating .pill-brand .brand-name{opacity:0;max-width:0}.is-floating .pill-extra{opacity:0;pointer-events:none;flex:0 0 0}@media (width<=1000px){.pill-extra .header-github{display:none}}@media (width<=760px){:root{--header-space:120px;--header-height:120px}.site-header .pill-nav{--pill-pad:5px;flex-wrap:wrap;align-content:flex-start;gap:10px 0;width:calc(100% - 40px);height:120px;padding-top:16px}.pill-brand-slot{flex:0 0 100%}.pill-extra{display:none}.pill-list{flex:0 0 100%;justify-content:space-between;gap:2px}.pill-item{padding:0 8px;font-size:12px}.site-header.is-floating .pill-nav{flex-wrap:nowrap;gap:6px;padding-top:5px;padding-bottom:5px}.is-floating .pill-brand-slot{flex-basis:32px}.is-floating .pill-brand{width:32px}.is-floating .pill-brand .brand-symbol{width:26px;height:26px}.is-floating .pill-list{flex:none}}@media (width<=360px){.pill-item{padding-inline:7px}}