@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-400-D96DwDNB.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-500-aHiJpZOl.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(./instrument-serif-400-italic-H2wC62PG.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-sans-sc-var-DbgoKESD.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(./noto-sans-sc-var-DbgoKESD.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(./noto-sans-sc-var-DbgoKESD.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:900;font-display:swap;src:url(./noto-sans-sc-var-DbgoKESD.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(./noto-serif-sc-var-DJGJo00l.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:900;font-display:swap;src:url(./noto-serif-sc-var-DJGJo00l.woff2) format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(./schibsted-grotesk-var-CyuPxOPo.woff2) format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(./schibsted-grotesk-var-CyuPxOPo.woff2) format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(./schibsted-grotesk-var-CyuPxOPo.woff2) format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:800;font-display:swap;src:url(./schibsted-grotesk-var-CyuPxOPo.woff2) format("woff2")}:root{--c-bg: #111214;--c-bg-raise: #17181b;--c-panel: #1d1f23;--c-panel-2: #24272c;--c-fg: #ede7dd;--c-fg-dim: #b5afa6;--c-fg-mute: #8a857e;--c-line: rgba(237, 231, 221, .12);--c-line-strong: rgba(237, 231, 221, .24);--c-accent: #7da2ff;--c-accent-ink: #0d1424;--c-accent-soft: rgba(125, 162, 255, .16);--c-ok: #8fd6a7;--c-pos: #8fd6a7;--c-neg: #ff8f80;--c-neu: #e7c27d;--glass-bg: linear-gradient(180deg, rgba(40, 43, 49, .72), rgba(26, 28, 32, .6));--glass-edge: rgba(255, 255, 255, .1);--glass-hi: inset 0 1px 0 rgba(255, 255, 255, .09);--grain-opacity: .06;--f-display: "Schibsted Grotesk", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-body: "Noto Sans SC", "Schibsted Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--f-mono: "IBM Plex Mono", "Noto Sans SC", ui-monospace, "SFMono-Regular", Menlo, monospace;--f-serif-latin: "Instrument Serif", "Times New Roman", Georgia, serif;--f-serif-cjk: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--t-hero: clamp(3rem, 1.6rem + 7.4vw, 9.25rem);--t-h2: clamp(2rem, 1.3rem + 3.2vw, 4.25rem);--t-h3: clamp(1.6rem, 1.2rem + 1.6vw, 2.5rem);--t-lead: clamp(1.0625rem, .98rem + .4vw, 1.3125rem);--t-body: 1rem;--t-small: .875rem;--t-micro: .75rem;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4.5rem;--s-9: clamp(5rem, 3rem + 7vw, 10rem);--gutter: clamp(16px, 4vw, 56px);--maxw: 1360px;--radius: 14px;--radius-sm: 8px;--nav-h: 64px;--ease: cubic-bezier(.2, .7, .1, 1);--d-fast: .18s;--d-base: .42s;--d-reveal: .9s;--reveal-y: 28px;--cursor-size: 28px;--cursor-line: rgba(237, 231, 221, .4);--cursor-scale-link: 1.6;--cursor-scale-down: .75;--cursor-link: rgba(125, 162, 255, .85);--cursor-link-fill: rgba(125, 162, 255, .08);--cursor-follow: .3;color-scheme:dark}[data-lang=en]{--t-hero: clamp(2.6rem, 1.2rem + 5.2vw, 6.5rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 8px)}body{margin:0;background:var(--c-bg);color:var(--c-fg);font-family:var(--f-body);font-size:var(--t-body);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}@supports (overflow: clip){body{overflow-x:clip}}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--c-accent);color:var(--c-accent-ink)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}button:not(:disabled),summary,label[for],select,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}.phase__range:active,.cmp__range:active{cursor:grabbing}.cursor-ring{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform}.cursor-ring.is-on{opacity:1}.cursor-ring.is-text{opacity:0}.cursor-ring i{position:absolute;left:calc(var(--cursor-size) / -2);top:calc(var(--cursor-size) / -2);width:var(--cursor-size);height:var(--cursor-size);border-radius:50%;border:1px solid var(--cursor-line);transition:scale .26s var(--ease),border-color .2s,background-color .2s}.cursor-ring.is-link i{scale:var(--cursor-scale-link);border-color:var(--cursor-link);background-color:var(--cursor-link-fill)}.cursor-ring.is-down i{scale:var(--cursor-scale-down)}.cursor-ring.is-link.is-down i{scale:calc(var(--cursor-scale-link) * var(--cursor-scale-down))}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-ring{display:none}}main:focus,h1:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:var(--s-4);top:var(--s-4);z-index:50;padding:var(--s-3) var(--s-4);background:var(--c-fg);color:var(--c-bg);border-radius:var(--radius-sm);transform:translateY(-200%)}.skip:focus{transform:none}.wrap,.section,.hero__layout,.footer,.detail,.nav__inner{max-width:var(--maxw);margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.eyebrow{display:flex;align-items:center;gap:var(--s-3);font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--c-fg-mute)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--c-line-strong)}.eyebrow__count{color:var(--c-accent);letter-spacing:.06em}.section{padding-block:clamp(3rem,1.5rem + 4.5vw,5rem);position:relative}.work,.explore,.about,.contact{content-visibility:auto;contain-intrinsic-size:auto 1200px}.section:before{content:"";position:absolute;top:0;left:max(var(--gutter),env(safe-area-inset-left,0px));right:max(var(--gutter),env(safe-area-inset-right,0px));height:1px;background:var(--c-line)}.section__head{display:grid;gap:var(--s-5);margin-bottom:var(--s-8)}.section__head--split{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;column-gap:var(--s-7)}.section__title{font-family:var(--f-display);font-weight:800;font-size:var(--t-h2);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;max-width:16em}[data-lang=zh] .section__title{letter-spacing:-.01em}.section__intro{color:var(--c-fg-dim);font-size:var(--t-lead);max-width:28em;line-height:1.7}.button{transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease),transform .45s var(--ease);display:inline-flex;align-items:center;gap:var(--s-3);min-height:52px;padding:0 var(--s-5) 0 var(--s-6);border-radius:999px;background:var(--c-fg);color:var(--c-bg);font-weight:500;font-size:1rem}.button__arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-bg);color:var(--c-fg);font-size:.9rem;transition:transform var(--d-base) var(--ease)}.button:hover{background:var(--c-accent);color:var(--c-accent-ink)}.button:hover .button__arrow{transform:translateY(3px)}.link-arrow{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;color:var(--c-fg);font-weight:500;background-image:linear-gradient(var(--c-accent),var(--c-accent));background-size:0% 1px;background-repeat:no-repeat;background-position:0 calc(100% - 8px);transition:color var(--d-fast) var(--ease),background-size var(--d-base) var(--ease)}.link-arrow__icon{transition:transform var(--d-base) var(--ease);color:var(--c-accent)}.link-arrow:hover{color:var(--c-accent);background-size:100% 1px}.link-arrow:hover .link-arrow__icon{transform:translate(4px)}.link-arrow--back:hover .link-arrow__icon{transform:translate(-4px)}.status{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.04em;color:var(--c-fg-dim);padding:6px 12px;border:1px solid var(--c-line);border-radius:999px}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--c-ok);box-shadow:0 0 0 3px #8fd6a729}.nav{position:sticky;top:0;z-index:20;transition:transform .5s var(--ease);padding-top:env(safe-area-inset-top,0px);background:#111214c7;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--c-line)}.nav__inner{height:var(--nav-h);display:flex;align-items:center;gap:var(--s-5)}.brand{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;font-family:var(--f-display);font-weight:600;letter-spacing:-.01em;margin-right:auto}.logo{display:block;overflow:visible}.logo__line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.logo__dot{fill:var(--c-accent);transform-box:fill-box;transform-origin:center}.brand__mark{width:26px;height:26px;color:var(--c-fg)}.brand__mark .logo__line{animation:logo-draw 1.1s var(--ease) .2s backwards}.brand__mark .logo__dot{animation:logo-dot .6s var(--ease) 1.1s backwards}@media(hover:hover){.brand:hover .brand__mark .logo__line{animation:logo-draw .9s var(--ease)}.brand:hover .brand__mark .logo__dot{animation:logo-dot .5s var(--ease) .7s backwards}}@keyframes logo-draw{0%{stroke-dashoffset:1}}@keyframes logo-dot{0%{transform:scale(0)}60%{transform:scale(1.35)}}.brand__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.nav__links{display:flex;gap:var(--s-2)}.nav__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-3);color:var(--c-fg-dim);font-size:.9375rem;border-radius:var(--radius-sm);transition:color var(--d-fast) var(--ease)}.nav__links a{position:relative}.nav__links a:after{content:"";position:absolute;left:50%;bottom:8px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--c-accent);transform:scale(0);transition:transform var(--d-base) var(--ease)}.nav__links a:hover,.nav__links a.is-active{color:var(--c-fg)}.nav__links a.is-active:after{transform:scale(1)}.nav--hidden{transform:translateY(-100%)}.nav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--c-accent),#b9ccff);transform:scaleX(0);transform-origin:0 50%}.lang{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 var(--s-3);background:transparent;border:1px solid var(--c-line);border-radius:999px;cursor:pointer;font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-fg-mute);transition:border-color var(--d-fast) var(--ease)}.lang:hover{border-color:var(--c-line-strong)}.lang .is-on{color:var(--c-fg)}.lang__sep{opacity:.4}.hero{position:relative;overflow:hidden;padding-top:var(--s-8);padding-bottom:var(--s-8)}@supports (overflow: clip){.hero{overflow:clip}}.hero__backdrop-anchor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__backdrop{position:absolute;top:-10%;right:0;bottom:-30%;left:0;will-change:transform}.geo{position:absolute;display:block}.geo-anchor{position:absolute;top:0;right:0;bottom:0;left:0}.geo--ring{width:min(78vw,1040px);aspect-ratio:1;right:-18vw;top:-22%;border:1px solid var(--c-line);border-radius:50%;will-change:transform}.geo--ring i{position:absolute;left:14.6%;top:14.6%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 5px var(--c-accent-soft),0 0 24px var(--c-accent)}.geo--ring-sm{width:min(30vw,380px);aspect-ratio:1;right:22vw;top:54%;border-radius:50%;border:1px dashed rgba(125,162,255,.28)}.hero__glow{position:absolute;width:60vw;height:60vw;right:-10vw;top:-20vw;background:radial-gradient(circle,rgba(125,162,255,.1),transparent 60%)}.geo--line{background:var(--c-line)}.geo--line-a{left:0;right:0;top:64%;height:1px}.geo--line-b{top:0;bottom:0;left:58%;width:1px}.geo--grid{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--c-line) 1px,transparent 1px),linear-gradient(90deg,var(--c-line) 1px,transparent 1px);background-size:88px 88px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 70% 40%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 70% 40%,#000 10%,transparent 75%)}.hero__layout{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);align-items:center;min-height:min(78vh,820px)}.hero__copy-anchor{grid-column:1 / 9;grid-row:1;position:relative;z-index:2}.hero__copy{display:grid;gap:var(--s-6);justify-items:start;will-change:transform}.hero__title{font-family:var(--f-display);font-weight:800;font-size:var(--t-hero);line-height:1.02;letter-spacing:-.035em}[data-lang=zh] .hero__title{font-weight:900;letter-spacing:-.02em;line-height:1.08}.hero__line{display:block;white-space:nowrap;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero__line-in{display:inline-block}.hero__line+.hero__line{padding-left:.9em}.hero__line+.hero__line:first-letter{color:var(--c-fg)}.hero__text{display:grid;gap:var(--s-2);max-width:30em;margin-top:var(--s-2)}.hero__intro{font-size:var(--t-lead);color:var(--c-fg);line-height:1.6;text-wrap:pretty}.hero__focus{color:var(--c-fg-dim);text-wrap:pretty}.hero__hint{position:relative;display:flex;align-items:center;gap:var(--s-3);max-width:var(--maxw);margin:var(--s-6) auto 0;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px));font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-fg-mute);letter-spacing:.08em}.hero__hint-line{width:40px;height:1px;background:var(--c-line-strong)}.stack{grid-column:9 / 13;grid-row:1;position:relative;height:clamp(380px,44vw,640px);z-index:1;perspective:1400px}.stack__track{display:contents}.stack__slot{position:absolute;transform-style:preserve-3d;will-change:transform}.stack__scroll{will-change:transform}.stack__slot--back{top:8%;left:4%;width:70%}.stack__slot--mid{top:40%;right:0;width:68%}.stack__slot--front{top:66%;left:8%;width:50%}.win{background:var(--glass-bg);border:1px solid var(--glass-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--glass-hi),0 40px 80px -30px #000000bf,0 0 0 1px #0000004d;padding:var(--s-4);will-change:transform}.win__bar{display:flex;gap:6px;margin-bottom:var(--s-4)}.win__bar i{width:8px;height:8px;border-radius:50%;background:var(--c-line-strong)}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-85{width:85%}.mini{position:relative;display:grid;gap:10px;color:var(--c-fg);font-size:12.5px;line-height:1.4;opacity:.8;filter:saturate(.8);transition:border-color .3s var(--ease),opacity .3s var(--ease),filter .3s var(--ease),translate .4s var(--ease)}.mini:hover,.mini:focus-visible{border-color:#7da2ff99;opacity:1;filter:none;translate:0 -4px}.mini__tag{padding-right:30px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--c-accent)}.mini__go{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:12px;color:var(--c-fg-mute)}.mini__go-text{opacity:0;transform:translate(4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.mini__arrow{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--c-line-strong);font-size:11px;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.mini:hover .mini__go-text,.mini:focus-visible .mini__go-text{opacity:1;transform:none;color:var(--c-accent)}.mini:hover .mini__arrow,.mini:focus-visible .mini__arrow{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.stack.is-off *{animation-play-state:paused!important}.hero__dot{display:inline-block;width:.19em;height:.19em;margin-left:.07em;border-radius:50%;background:var(--c-accent);box-shadow:0 0 .25em #7da2ff99;vertical-align:baseline;animation:logo-dot .7s var(--ease) 1.5s backwards}.hero__dot--cjk{margin-left:.1em;margin-right:.3em;vertical-align:-.06em}.mini__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini__title{font-family:var(--f-display);font-weight:700;font-size:15px}.mini__pill{font-family:var(--f-mono);font-size:12px;padding:1px 8px;border-radius:999px;border:1px solid;white-space:nowrap}.mini__pill--done{color:var(--c-pos);border-color:#8fd6a780;animation:fade-up .5s var(--ease) 2.4s backwards}.mini__bar{display:block;height:4px;border-radius:4px;background:var(--c-panel-2);overflow:hidden}.mini__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c-accent),#b9ccff);transform-origin:0 50%;animation:mini-fill 1.6s var(--ease) .9s backwards}@keyframes mini-fill{0%{transform:scaleX(0)}}.mini__steps{display:grid;gap:6px;color:var(--c-fg-dim)}.mini__step{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__check{width:14px;height:14px;border-radius:50%;background:var(--c-accent);flex:none;position:relative;animation:pop .4s var(--ease) backwards;animation-delay:calc(1.1s + var(--k, 0) * .35s)}.mini__check:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--c-accent-ink)}.mini__rows{display:grid;gap:6px}.mini__row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;border:1px solid var(--c-line);background:#1d1f2399;animation:row-in .45s var(--ease) backwards;animation-delay:calc(.9s + var(--k, 0) * .12s)}.mini__row .sent{width:8px;height:8px}.mini__row .cstat{font-size:11px}.mini__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__map{display:block;width:100%;height:auto;border-radius:9px;background:#0c0f17}.mini__road{fill:none;stroke:#7da2ff29;stroke-width:12;stroke-linejoin:round}.mini__base{fill:var(--c-accent)}.mini__turret-ring{fill:none;stroke:#7da2ff59;stroke-dasharray:2 3}.mini__turret-core{fill:var(--c-fg)}.mini__barrel{fill:var(--c-fg);transform-box:view-box;animation:aim 6s var(--ease) 1s 2}@keyframes aim{0%,to{transform:rotate(-60deg)}50%{transform:rotate(70deg)}}.mini__enemy{fill:var(--c-neg);offset-path:path("M-4 74 H62 V26 H150 V70 H224");offset-distance:0%;animation:walk 7s linear backwards 2;animation-delay:calc(1s + var(--k, 0) * 1.4s)}@keyframes walk{0%{offset-distance:0%}to{offset-distance:100%}}.mini__enemy:nth-child(n){offset-rotate:0deg}.work__list{display:grid;gap:var(--s-9)}.feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);align-items:end}.feature__media{grid-column:1 / 9;grid-row:1;display:block}.feature__body{grid-column:9 / 13;grid-row:1;display:grid;gap:var(--s-4);padding-left:var(--s-5);padding-bottom:var(--s-2)}.feature--flip .feature__media{grid-column:5 / 13}.feature--flip .feature__body{grid-column:1 / 5;padding-left:0;padding-right:var(--s-5)}.feature__index{display:flex;align-items:center;gap:var(--s-3);font-family:var(--f-mono);font-size:var(--t-small);color:var(--c-accent);letter-spacing:.08em}.feature__index>span:last-child{color:var(--c-fg-mute)}.feature__index-line{width:32px;height:1px;background:var(--c-line-strong);transform-origin:0 50%;transition:transform .7s var(--ease),background .4s}.feature:hover .feature__index-line{transform:scaleX(2);background:var(--c-accent)}.feature__name{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,1.1rem + 3.1vw,4.4rem);line-height:1.04;letter-spacing:-.03em}.feature__name.is-short{font-size:clamp(3.4rem,1.6rem + 6vw,7.75rem);letter-spacing:-.045em;line-height:.92}.feature__kind{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.08em;color:var(--c-fg-mute);margin-top:calc(-1 * var(--s-2))}.feature__theme{font-family:var(--f-display);font-size:var(--t-lead);line-height:1.5;color:var(--c-fg);font-weight:500;text-wrap:balance}.feature__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-line);margin-top:var(--s-2)}.frame{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 10;max-width:100%;background:var(--c-bg-raise);border:1px solid var(--c-line);isolation:isolate}.frame__inner{position:absolute;left:0;right:0;top:-15%;bottom:-15%;will-change:transform}.frame__hover{width:100%;height:100%;transition:transform .9s var(--ease),filter .9s var(--ease)}@media(hover:hover){.feature__media:hover .frame__hover,.feature:has(.link-arrow:hover) .frame__hover{transform:scale(1.03);filter:brightness(1.08)}}.tag-illustrative{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.06em;padding:4px 10px;border-radius:999px;color:var(--c-fg-dim);background:#111214b8;border:1px solid var(--c-line-strong)}.pv__img{width:100%;height:100%;object-fit:cover}.pv{position:absolute;top:0;right:0;bottom:0;left:0}.pv--workbench{background:radial-gradient(ellipse 70% 60% at 30% 45%,rgba(125,162,255,.14),transparent 70%),var(--c-bg-raise)}.pv--feedback{background:radial-gradient(ellipse 60% 60% at 75% 55%,rgba(125,162,255,.12),transparent 70%),var(--c-bg-raise)}.pv:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(var(--c-line) 1px,transparent 1.2px);background-size:22px 22px}.pv__canvas{position:absolute;top:22%;right:8%;bottom:22%;left:8%;display:grid;grid-template-columns:minmax(0,1.1fr) 7% minmax(0,1fr) 7% minmax(0,.9fr);align-items:center}.pv-panel{background:var(--c-panel);border:1px solid var(--c-line-strong);border-radius:12px;padding:7% 8%;display:grid;gap:10px;box-shadow:0 30px 60px -30px #000c}.pv-panel--chat{padding-block:12%}.pv-panel--skills{grid-template-columns:1fr 1fr;gap:8px}.chip{display:block;height:26px;border-radius:7px;border:1px solid var(--c-line-strong);background:var(--c-panel-2)}.chip--accent{border-color:var(--c-accent);background:var(--c-accent-soft)}.chip--wide{grid-column:span 2}.pv-link{height:1px;background:linear-gradient(90deg,var(--c-line-strong),var(--c-accent));position:relative}.pv-link i{position:absolute;left:0;top:-2.5px;width:6px;height:6px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 12px var(--c-accent);opacity:0;transition:left .9s var(--ease),opacity .3s}.pv-link:after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:6px solid var(--c-accent)}.check{display:flex;align-items:center;gap:8px;height:22px}.check:before{content:"";width:14px;height:14px;border-radius:4px;border:1px solid var(--c-line-strong);flex:none}.check:after{content:"";height:7px;flex:1;border-radius:4px;background:var(--c-panel-2)}.check.is-done:before{background:var(--c-accent);border-color:var(--c-accent)}.pv__canvas--feedback{grid-template-columns:minmax(0,1fr) 12% minmax(0,1.25fr)}.pv-scatter{position:relative;height:100%}.frag{position:absolute;width:46%;height:13%;border-radius:6px;background:var(--c-panel);border:1px solid var(--c-line-strong);transform:rotate(var(--r, 0deg));transition:transform .9s var(--ease) calc(var(--k, 0) * 40ms),border-color .4s}.frag--accent{border-color:var(--c-accent);background:var(--c-accent-soft)}.pv-funnel{height:70%;position:relative}.pv-funnel:before,.pv-funnel:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:var(--c-line-strong);top:50%}.pv-funnel:before{transform:rotate(18deg);transform-origin:right}.pv-funnel:after{transform:rotate(-18deg);transform-origin:right}.pv-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--c-panel);border:1px solid var(--c-line-strong);border-radius:12px;padding:8%;box-shadow:0 30px 60px -30px #000c}.pv-col{display:grid;gap:8px;align-content:start}.explore__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);row-gap:var(--s-6)}.tile{display:grid;gap:var(--s-2);align-content:start}.tile__link{display:grid;gap:var(--s-2)}.tile .frame{margin-bottom:var(--s-3)}.tile__kind{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent)}.tile__title{font-family:var(--f-display);font-weight:600;font-size:1.25rem;line-height:1.4}.tile__note{color:var(--c-fg-mute);font-size:var(--t-small)}.shape{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.shape i{position:absolute;display:block}.shape--game i{width:22%;aspect-ratio:1;border-radius:10px;border:1px solid var(--c-line-strong);background:var(--c-panel)}.shape--game i:nth-child(1){transform:translate(-60%,-30%)}.shape--game i:nth-child(2){transform:translate(55%,-30%);background:var(--c-accent-soft);border-color:var(--c-accent)}.shape--game i:nth-child(3){transform:translate(-3%,75%);border-style:dashed;background:transparent}.shape--photo i{border-radius:50%;border:1px solid var(--c-line-strong);aspect-ratio:1}.shape--photo i:nth-child(1){width:58%}.shape--photo i:nth-child(2){width:38%;border-color:var(--c-accent)}.shape--photo i:nth-child(3){width:12%;background:var(--c-fg);border:0;transform:translate(70%,-70%)}.shape--learn i{height:6px;width:54%;border-radius:3px;background:var(--c-panel-2)}.shape--learn i:after{content:"";position:absolute;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:var(--c-fg)}.shape--learn i:nth-child(1){transform:translateY(-40px)}.shape--learn i:nth-child(1):after{left:30%}.shape--learn i:nth-child(2):after{left:68%;background:var(--c-accent)}.shape--learn i:nth-child(3){transform:translateY(40px)}.shape--learn i:nth-child(3):after{left:45%}.about__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);row-gap:var(--s-7)}.about__side{grid-column:1 / 4;align-self:start;display:grid;gap:var(--s-6);padding-top:.9em}.logo--about{width:min(100%,168px);height:auto;aspect-ratio:1;color:#7da2ff80}.logo--about .logo__line{stroke-width:.28}.about__layout.reveal-in .logo--about .logo__line{animation:logo-draw 2s var(--ease) .2s backwards}.about__layout.reveal-in .logo--about .logo__dot{animation:logo-dot .7s var(--ease) 1.9s backwards}.about__lines{grid-column:4 / 12;display:grid;gap:var(--s-5)}.about__line-anchor{position:relative}.about__line{will-change:transform,opacity}.about__line{font-family:var(--f-display);font-weight:600;font-size:var(--t-h3);line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}.about__line--quiet{color:var(--c-fg-dim)}.contact__layout{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-7);align-items:end}.contact__layout>div{display:grid;gap:var(--s-5)}.contact__list{border-top:1px solid var(--c-line)}.contact__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px;border-bottom:1px solid var(--c-line);flex-wrap:wrap}.contact__kind{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--c-fg-mute)}.contact__value{display:inline-flex;align-items:center;gap:var(--s-3);min-width:0;word-break:break-all}.contact__text{-webkit-user-select:all;user-select:all}.contact__mail{text-decoration:underline;text-decoration-color:var(--c-line-strong);text-underline-offset:4px;transition:color var(--d-fast),text-decoration-color var(--d-fast)}.contact__mail:hover{color:var(--c-accent);text-decoration-color:currentColor}.chip-button{min-height:36px;padding:0 var(--s-3);border-radius:999px;border:1px solid var(--c-line-strong);background:transparent;cursor:pointer;font-family:var(--f-mono);font-size:var(--t-micro)}.chip-button:hover{border-color:var(--c-accent);color:var(--c-accent)}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5);padding-block:var(--s-6) calc(var(--s-6) + env(safe-area-inset-bottom,0px));position:relative;font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-fg-mute);letter-spacing:.04em}.footer:before{content:"";position:absolute;top:0;height:1px;background:var(--c-line);left:max(var(--gutter),env(safe-area-inset-left,0px));right:max(var(--gutter),env(safe-area-inset-right,0px))}.footer a{display:inline-flex;align-items:center;min-height:44px}.footer a:hover{color:var(--c-fg)}.detail{padding-top:var(--s-6);padding-bottom:var(--s-9);display:grid;gap:var(--s-7)}.detail__head{display:grid;gap:var(--s-4)}.detail__name{font-family:var(--f-display);font-weight:800;font-size:calc(var(--t-h2) * 1.25);line-height:1.04;letter-spacing:-.03em}.detail__theme{font-family:var(--f-display);font-size:var(--t-h3);font-weight:500;color:var(--c-fg-dim);line-height:1.35;max-width:22em;text-wrap:balance}.frame--detail{aspect-ratio:16 / 8}.detail__body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);row-gap:var(--s-6)}.detail__meta{grid-column:1 / 4;margin:0}.detail__meta div{display:grid;gap:var(--s-2)}.detail__meta dt{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--c-fg-mute)}.detail__meta dd{margin:0}.detail__text{grid-column:5 / 12;display:grid;gap:var(--s-4)}.detail__text h2{font-family:var(--f-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-fg-mute);margin-top:var(--s-4)}.detail__text h2:first-child{margin-top:0}.detail__text p{font-size:var(--t-lead);line-height:1.75;max-width:34em}.detail__text .muted{color:var(--c-fg-dim);font-size:1rem}.detail__next{display:grid;gap:var(--s-3);padding-top:var(--s-6);border-top:1px solid var(--c-line)}.detail__next-name{font-family:var(--f-display);font-weight:800;font-size:var(--t-h3);transition:color var(--d-fast) var(--ease)}.detail__next-theme{color:var(--c-fg-mute)}.detail__next:hover .detail__next-name{color:var(--c-accent)}.reveal-pending{opacity:0;transform:translate3d(0,var(--reveal-y),0)}.reveal-in{transition:opacity var(--d-reveal) var(--ease) var(--delay, 0ms),transform var(--d-reveal) var(--ease) var(--delay, 0ms)}@media(max-width:1100px){.feature__media,.feature--flip .feature__media{grid-column:1 / -1}.feature__body,.feature--flip .feature__body{grid-column:1 / -1;grid-row:2;padding:var(--s-6) 0 0;max-width:40em}.feature--flip .feature__body{justify-self:end}.hero__layout{grid-template-columns:minmax(0,1fr);min-height:0;row-gap:var(--s-7)}.hero__copy-anchor{grid-column:1}.stack{grid-column:1;grid-row:2;width:min(100%,620px);justify-self:end;height:clamp(520px,72vw,640px)}}@media(max-width:760px){:root{--nav-h: 56px}.nav__inner{gap:var(--s-2)}.nav__links{gap:0}.nav__links a{padding:0 7px;font-size:.875rem;white-space:nowrap}.lang{padding:0 var(--s-2)}.hero{padding-top:var(--s-6)}.hero__copy{gap:var(--s-5)}.hero__layout{grid-template-columns:minmax(0,1fr);min-height:0;row-gap:var(--s-7)}.hero__copy-anchor,.stack{grid-column:1}.stack{grid-row:2;height:auto;perspective:none;display:flex;flex-direction:column;gap:var(--s-2)}.stack__track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 12px;scroll-padding-inline:var(--gutter)}.stack__track::-webkit-scrollbar{display:none}.stack__slot{position:relative;inset:auto;width:auto;flex:0 0 min(78%,300px);scroll-snap-align:start;transform:none!important}.stack__scroll{height:100%;transform:none!important}.stack .mini{height:100%;align-content:start}.hero__line+.hero__line{padding-left:.4em}.hero__line{white-space:normal}.geo--ring{width:120vw;right:-60vw;top:-10%}.section__head--split{grid-template-columns:minmax(0,1fr)}.feature--flip .feature__body{justify-self:stretch}.feature__media .frame{aspect-ratio:4 / 3}.pv__canvas{top:20%;right:5%;bottom:20%;left:5%}.pv-panel{padding:8% 7%;gap:7px}.bubble{height:10px}.chip{height:18px}.check{height:16px}.card{height:22px}.explore__grid{grid-template-columns:minmax(0,1fr);row-gap:var(--s-7)}.about__side,.about__lines{grid-column:1 / -1}.about__side{padding-top:0;grid-template-columns:auto 64px;justify-content:space-between;align-items:center}.logo--about{width:64px}.contact__layout{grid-template-columns:minmax(0,1fr)}.detail__meta,.detail__text{grid-column:1 / -1}.frame--detail{aspect-ratio:4 / 3}}@media(max-width:430px){[data-lang=en] .brand__name{display:none}}@media(max-width:380px){.brand__name{display:none}.nav__links a{padding:0 6px;font-size:.875rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation:none!important}.reveal-pending{opacity:1;transform:none}html{scroll-behavior:auto}}@keyframes rise{0%{transform:translate3d(0,105%,0) rotate(3deg)}}@keyframes fade-up{0%{opacity:0;transform:translate3d(0,24px,0)}}@keyframes win-in{0%{opacity:0;transform:translate3d(0,80px,-160px) rotateX(18deg) scale(.9)}}@keyframes geo-in{0%{opacity:0;transform:scale(.85)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes travel{0%{left:0;opacity:1}80%{opacity:1}to{left:100%;opacity:0}}@keyframes blink{50%{opacity:0}}.hero__line-in{animation:rise 1.1s var(--ease) backwards;animation-delay:calc(.15s + var(--i, 0) * .12s)}.load{animation:fade-up .9s var(--ease) backwards}.load--1{animation-delay:80ms}.load--2{animation-delay:.52s}.load--3{animation-delay:.65s}.load--4{animation-delay:1.1s}.win{animation:win-in 1.3s var(--ease) backwards;transform-origin:50% 100%}.stack__slot--back .win{animation-delay:.3s}.stack__slot--mid .win{animation-delay:.45s}.stack__slot--front .win{animation-delay:.6s}.hero__backdrop-anchor{animation:geo-in 1.6s var(--ease) backwards}.win--board .card{animation:pop .5s var(--ease) backwards;animation-delay:calc(1s + var(--k, 0) * 60ms)}.edge{position:relative}.edge i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px var(--c-accent);opacity:0;animation:travel 1.2s var(--ease) 1.3s 2}.edge+.node+.edge i{animation-delay:1.9s}.chat__caret{position:absolute;left:12px;top:8px;width:2px;height:14px;background:var(--c-accent);animation:blink 1s steps(1) 1.4s 4}.band{position:relative;overflow:hidden;padding-block:var(--s-6);border-block:1px solid var(--c-line);display:grid;gap:var(--s-2);-webkit-user-select:none;user-select:none}.band__row{white-space:nowrap}.band__track{display:inline-block;will-change:transform;margin-left:-20vw;font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(2.5rem,1.5rem + 5vw,6.5rem);line-height:1.05;color:var(--c-fg)}.band__row--outline .band__track{color:transparent;-webkit-text-stroke:1px var(--c-line-strong)}.band__row:first-child .band__track{color:var(--c-panel-2)}.split__c{display:inline-block}.split.reveal-pending{opacity:1;transform:none}.reveal-pending .split__c,.split.reveal-pending .split__c{opacity:0;transform:translate3d(0,.55em,0) rotate(8deg)}.reveal-in .split__c,.split.reveal-in .split__c{transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 32ms + 80ms)}.feature.reveal-pending .frame,.tile.reveal-pending .frame{clip-path:inset(12% 8% 12% 8% round var(--radius))}.feature.reveal-pending .frame__hover,.tile.reveal-pending .frame__hover{transform:scale(1.22)}.feature.reveal-pending,.tile.reveal-pending{--reveal-y: 60px;opacity:0;transform:translate3d(0,var(--reveal-y),0)}.feature.reveal-in .frame,.tile.reveal-in .frame{clip-path:inset(0 0 0 0 round var(--radius));transition:clip-path 1.4s var(--ease) var(--delay, 0ms)}.feature.reveal-in .frame__hover,.tile.reveal-in .frame__hover{transition:transform 1.6s var(--ease),filter .9s var(--ease)}.feature.reveal-in .feature__body>*{transition:opacity .8s var(--ease),transform .9s var(--ease)}.feature.reveal-pending .feature__body>*{opacity:0;transform:translate3d(0,30px,0)}.feature.reveal-in .feature__body>:nth-child(2){transition-delay:.15s}.feature.reveal-in .feature__body>:nth-child(3){transition-delay:.25s}.feature.reveal-in .feature__body>:nth-child(4){transition-delay:.35s}.feature.reveal-in .feature__body>:nth-child(5){transition-delay:.45s}.pv-panel,.pv-columns{will-change:transform}.chip,.check:before,.card{transition:background .5s var(--ease),border-color .5s var(--ease)}@media(hover:hover){.feature:hover .frag{transform:rotate(0) translate(calc(10% + var(--k) * 2%));border-color:var(--c-line-strong)}.feature:hover .pv-link i{left:100%;opacity:1}.feature:hover .pv-link+.pv-panel .check:last-child:before{background:var(--c-accent);border-color:var(--c-accent)}.feature:hover .chip:nth-child(3){background:var(--c-accent-soft);border-color:var(--c-accent)}.feature:hover .pv-col:last-child .card:first-of-type{background:var(--c-accent-soft);border-color:var(--c-accent)}.feature:hover .feature__name{color:#fff}}.tile__float{display:grid;gap:var(--s-2);will-change:transform}.shape,.shape i{transition:transform .9s var(--ease),background .5s,border-color .5s}@media(hover:hover){.tile:hover .shape--game i:nth-child(1){transform:translate(-3%,75%)}.tile:hover .shape--game i:nth-child(3){transform:translate(-60%,-30%) rotate(90deg);border-style:solid;background:var(--c-panel)}.tile:hover .shape--photo i:nth-child(2){transform:scale(1.35)}.tile:hover .shape--learn i:nth-child(1):after{left:80%}.tile:hover .shape--learn i:nth-child(2):after{left:20%}.tile:hover .shape--learn i:nth-child(3):after{left:65%}.tile:hover .tile__title{color:var(--c-accent)}}.shape--learn i:after{transition:left .9s var(--ease)}.tile__title{transition:color var(--d-fast) var(--ease)}.about__layout.reveal-pending{opacity:1;transform:none}.reveal-pending .eyebrow:before{transform:scaleX(0)}.reveal-in .eyebrow:before{transition:transform 1s var(--ease) .2s}.eyebrow:before{transform-origin:0 50%}.detail__name .hero__line-in{animation-delay:80ms}@media(max-width:760px){.band{padding-block:var(--s-5)}.feature.reveal-pending,.tile.reveal-pending{transform:translate3d(0,30px,0)}}@media(prefers-reduced-motion:reduce){.reveal-pending,.reveal-pending *,.split__c{opacity:1!important;transform:none!important;clip-path:none!important}.nav--hidden{transform:none}.edge i,.chat__caret{display:none}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{background:var(--glass-bg);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);box-shadow:var(--glass-hi),0 30px 60px -30px #000c}.glass--strong{background:linear-gradient(180deg,#2c2f36e0,#1c1e23d1)}.hero.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(520px circle at var(--mx, 70%) var(--my, 30%),rgba(125,162,255,.11),transparent 60%);transition:opacity .6s var(--ease)}.hero.spot.is-lit:after{opacity:1}.frame.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.06),transparent 60%);transition:opacity .5s var(--ease)}.frame.spot.is-lit:after{opacity:1}.frame{box-shadow:var(--glass-hi)}.em{font-style:normal}.em--latin{font-family:var(--f-serif-latin);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.9}.em--cjk{font-family:var(--f-serif-cjk);font-weight:900}.hero__title .em--cjk{color:var(--c-fg)}.hero__title .em{position:relative}.hero__title .em:after{content:"";position:absolute;left:.04em;right:.04em;bottom:.06em;height:.07em;background:var(--c-accent);transform-origin:0 50%;animation:underline-in .9s var(--ease) 1.3s backwards}@keyframes underline-in{0%{transform:scaleX(0)}}.section__title .em--latin{font-size:1.12em}.frame.frame--demo{aspect-ratio:auto;container-type:inline-size;background:radial-gradient(ellipse 70% 60% at 30% 30%,rgba(125,162,255,.11),transparent 70%),var(--c-bg-raise)}.frame--demo .pv{position:relative;inset:auto;background:none}.demo{position:relative;padding:60px 28px 28px;display:flex;flex-direction:column;gap:16px;font-size:13.5px;line-height:1.5;color:var(--c-fg)}.frame--detail .demo{padding:64px 36px 36px;font-size:14px}.demo button{cursor:pointer;font:inherit}.demo__label{font-family:var(--f-mono);font-size:.78em;letter-spacing:.1em;text-transform:uppercase;color:var(--c-fg-mute)}.feature__invite{display:flex;align-items:center;gap:.6em;margin-bottom:var(--s-3);font-size:var(--t-small);color:var(--c-accent)}.feature__invite:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px #7da2ffb3}.feature__hint,.detail__hint{font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-fg-mute);line-height:1.6;letter-spacing:.02em}.detail__hint{margin-top:var(--s-3)}.aura{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;gap:20px 26px;align-items:start}.aura__chat{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px}.aura__scenario{font-family:var(--f-mono);font-size:.78em;color:var(--c-accent);letter-spacing:.02em}.aura__pick{display:grid;gap:.35em}.pick__label{font-size:.8em;color:var(--c-fg-mute)}.pick__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5em .6em}.pick__row .aura__run{flex:none;margin-left:auto}.pick__file{white-space:nowrap;display:inline-flex;align-items:center;gap:.5em;justify-self:start;padding:.3em .7em;border-radius:.5em;background:var(--c-panel-2)}.pick__icon{width:.8em;height:1em;border-radius:.15em;border:1.5px solid var(--c-fg-dim)}.pick__opts{display:flex;flex-wrap:wrap;gap:.35em}.pick__opt{padding:.3em .7em;border-radius:999px;min-height:26px;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-fg-dim);transition:background .3s,color .3s,border-color .3s}.pick__opt:hover:not(:disabled){border-color:var(--c-fg-mute);color:var(--c-fg)}.pick__opt.is-on{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-fg)}.pick__opt:disabled{cursor:progress}.msg{display:grid;gap:.3em}.msg p{padding:.7em .9em;border-radius:.9em;background:var(--c-panel-2)}.msg--user p{background:#ede7dd1a;border-top-right-radius:.25em}.msg--user{justify-items:end}.msg--ai{grid-template-columns:auto 1fr;align-items:start;gap:.6em;opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.msg--ai.is-in{opacity:1;transform:none}.msg--ai p{border-top-left-radius:.25em;background:var(--c-accent-soft)}.ai-mark{width:1.6em;height:1.6em;border-radius:50%;background:conic-gradient(from 200deg,var(--c-accent),#b9ccff,var(--c-accent));margin-top:.2em}.aura__run{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border-radius:.7em;border:0;background:var(--c-fg);color:var(--c-bg);font-weight:500;white-space:nowrap;min-height:32px;transition:background var(--d-fast) var(--ease),transform .3s var(--ease)}.aura__run:hover:not(:disabled){background:var(--c-accent);color:var(--c-accent-ink)}.aura__run:active:not(:disabled){transform:scale(.96)}.aura__run:disabled{opacity:.45;cursor:progress}.aura__skills{grid-column:1;grid-row:2;display:grid;gap:.7em}.aura__skills ul{display:flex;flex-wrap:wrap;gap:.5em}.skill{display:inline-flex;align-items:center;gap:.45em;padding:.35em .7em;border-radius:999px;min-height:28px;border:1px solid var(--c-line-strong);background:#1d1f23b3;color:var(--c-fg-dim);transition:border-color .3s,color .3s,background .3s}.skill__icon{width:.7em;height:.7em;border-radius:.2em;border:1px solid currentColor;transform:rotate(45deg)}.skill.is-used{color:var(--c-fg);border-color:#7da2ff8c}.skill.is-hl,.skill:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-fg)}.skill__kind{font-family:var(--f-mono);font-size:.75em;color:var(--c-fg-mute)}.skill__tag{font-family:var(--f-mono);font-size:.78em;color:var(--c-accent)}.aura__task{grid-column:2;grid-row:1 / 3;border-radius:11px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-height:0}.task__head{display:flex;align-items:center;justify-content:space-between;gap:1em}.task__title{font-family:var(--f-display);font-weight:700;font-size:1.35em;letter-spacing:-.01em}.task__status{font-family:var(--f-mono);font-size:.82em;padding:.25em .7em;border-radius:999px;border:1px solid var(--c-line-strong);color:var(--c-fg-dim);white-space:nowrap}.task__status.is-run{color:var(--c-accent);border-color:var(--c-accent)}.task__status.is-done{color:var(--c-pos);border-color:#8fd6a780}.task__bar{height:.35em;border-radius:1em;background:var(--c-panel-2);overflow:hidden}.task__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--c-accent),#b9ccff);transform-origin:0 50%;transition:transform .7s var(--ease)}.task__steps{list-style:none;margin:0;padding:0;display:grid;gap:.35em}.step{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.55em .7em;border-radius:.7em;border:1px solid transparent;color:var(--c-fg-mute);transition:background .4s,border-color .4s,color .4s}.step__icon{width:1.3em;height:1.3em;border-radius:50%;border:1.5px solid var(--c-line-strong);position:relative;transition:background .4s,border-color .4s}.step.is-run{color:var(--c-fg);background:#7da2ff12}.step.is-run .step__icon{border-color:var(--c-accent);border-right-color:transparent;animation:spin .9s linear infinite}.step.is-done{color:var(--c-fg)}.step.is-done .step__icon{background:var(--c-accent);border-color:var(--c-accent)}.step.is-done .step__icon:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.8em;color:var(--c-accent-ink);font-weight:700}.step.is-hl{border-color:var(--c-accent);background:var(--c-accent-soft)}.step__num{display:none}.step__count{font-family:var(--f-mono);font-size:.85em;color:var(--c-accent);font-variant-numeric:tabular-nums}.step__skill{font-family:var(--f-mono);font-size:.78em;padding:.15em .55em;border-radius:999px;border:1px dashed rgba(125,162,255,.5);color:var(--c-accent);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.aura__result{display:grid;gap:.6em;margin-top:4px;padding-top:14px;border-top:1px dashed var(--c-line-strong);opacity:.5;transition:opacity .6s var(--ease)}.aura__result.is-in{opacity:1}.result__title{display:flex;align-items:center;gap:.5em;font-weight:600}.result__doc{width:1em;height:1.2em;border-radius:.2em;border:1.5px solid var(--c-accent)}.result__note{margin-left:auto;font-family:var(--f-mono);font-size:.75em;font-weight:400;color:var(--c-fg-mute)}.result__tags{list-style:none;margin:0;padding:0;display:grid;gap:.4em}.result__tags li{display:grid;grid-template-columns:5.2em minmax(0,1fr) 1.6em;align-items:center;gap:.6em;font-size:.92em}.result__tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-fg-dim)}.result__bar{height:.45em;border-radius:1em;background:#ede7dd1a;overflow:hidden}.result__bar span{display:block;height:100%;border-radius:inherit;background:var(--c-accent);transform-origin:0 50%;transition:transform .8s var(--ease)}.result__n{font-family:var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}.cm{display:grid;grid-template-columns:minmax(0,1fr) 38%;grid-template-rows:auto auto;gap:14px 18px;align-items:start}.cm__bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap}.cm__title{font-family:var(--f-display);font-weight:700;font-size:1.35em;display:flex;align-items:center;gap:.6em}.cm__sample{font-family:var(--f-mono);font-size:.6em;font-weight:400;color:var(--c-fg-mute);border:1px solid var(--c-line);border-radius:999px;padding:.15em .6em}.cm__filters{display:flex;gap:.4em;flex-wrap:wrap}.fchip{display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em;border-radius:999px;min-height:28px;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-fg-dim);transition:background .3s,color .3s,border-color .3s}.fchip__n{font-family:var(--f-mono);font-size:.85em;color:var(--c-fg-mute)}.fchip:hover{border-color:var(--c-fg-mute);color:var(--c-fg)}.fchip.is-on{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg)}.fchip.is-on .fchip__n{color:var(--c-bg);opacity:.6}.cm__list{grid-column:1;grid-row:2;list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:.35em}.cm__item{animation:row-in .45s var(--ease) backwards}.cm__item:nth-child(2){animation-delay:40ms}.cm__item:nth-child(3){animation-delay:80ms}.cm__item:nth-child(4){animation-delay:.12s}.cm__item:nth-child(5){animation-delay:.16s}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}.crow{width:100%;display:grid;grid-template-columns:.7em minmax(0,1fr) auto auto;align-items:center;gap:.8em;text-align:left;padding:.65em .8em;border-radius:.7em;border:1px solid var(--c-line);background:#1d1f2399;color:var(--c-fg);transition:background .3s,border-color .3s,transform .3s var(--ease)}.crow:hover{background:var(--c-panel-2);transform:translate(3px)}.crow.is-sel{border-color:var(--c-accent);background:#7da2ff17}.crow__main{display:grid;gap:.15em;min-width:0}.crow__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crow__note{font-size:.8em;color:var(--c-fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crow__issue{font-size:.85em;color:var(--c-fg-dim);padding:.1em .55em;border-radius:.4em;background:var(--c-panel-2);white-space:nowrap}.sent{display:inline-block;width:.7em;height:.7em;border-radius:50%;flex:none}.sent--neg{background:var(--c-neg);box-shadow:0 0 0 3px #ff8f8026}.sent--pos{background:var(--c-pos);box-shadow:0 0 0 3px #8fd6a726}.sent--neu{background:var(--c-neu);box-shadow:0 0 0 3px #e7c27d26}.cstat{font-family:var(--f-mono);font-size:.78em;padding:.2em .6em;border-radius:999px;border:1px solid;white-space:nowrap;transition:color .4s,border-color .4s,background .4s}.cstat--todo{color:var(--c-neu);border-color:#e7c27d73}.cstat--doing{color:var(--c-accent);border-color:#7da2ff80}.cstat--done{color:var(--c-fg-dim);border-color:var(--c-line-strong)}.cm__empty{color:var(--c-fg-mute);padding:1em}.cm__detail{grid-column:2;grid-row:2;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:.65em}.cm__flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.3em;font-size:.74em;color:var(--c-fg-mute)}.cm__flow li{display:grid;gap:.35em;white-space:nowrap}.cm__flow li span{height:.3em;border-radius:1em;background:var(--c-panel-2);transition:background .5s var(--ease)}.cm__flow li.is-past{color:var(--c-fg-dim)}.cm__flow li.is-past span{background:var(--c-accent)}.cm__quote{font-size:1.04em;line-height:1.45}.cm__from{font-size:.8em;color:var(--c-fg-mute);margin-top:-.3em}.cm__row{display:grid;grid-template-columns:4.6em minmax(0,1fr);align-items:center;gap:.6em}.cm__k{font-size:.85em;color:var(--c-fg-mute)}.cm__v{display:flex;align-items:center;flex-wrap:wrap;gap:.45em}.cm__fix{font-family:var(--f-mono);font-size:.75em;color:var(--c-neu);border:1px solid rgba(231,194,125,.4);border-radius:999px;padding:.05em .5em}.cm__judge{display:grid;gap:.4em}.seg{display:flex;flex-wrap:wrap;gap:.3em}.seg__b{padding:.25em .65em;border-radius:999px;min-height:26px;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-fg-dim);transition:background .3s,color .3s,border-color .3s}.seg__b:hover{border-color:var(--c-fg-mute);color:var(--c-fg)}.seg__b.is-on{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg)}.seg__b.is-suggest{border-color:var(--c-accent);color:var(--c-fg)}.cm__action{margin-top:.2em;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:34px;padding:.6em 1em;border-radius:.7em;border:0;background:var(--c-fg);color:var(--c-bg);font-weight:500;transition:background var(--d-fast) var(--ease),transform .3s var(--ease)}.cm__action:hover{background:var(--c-accent);color:var(--c-accent-ink)}.cm__action:active{transform:scale(.97)}.cm__action.cm__action--ghost{margin-top:0;justify-self:start;min-height:28px;padding:.35em .8em;background:transparent;color:var(--c-fg);border:1px solid var(--c-line-strong)}.demo :is(.demo__label,.aura__scenario,.pick__label,.skill__kind,.skill__tag,.task__status,.step__skill,.step__count,.result__note,.result__tags li,.cm__sample,.fchip__n,.crow__note,.crow__issue,.cstat,.cm__flow,.cm__from,.cm__k,.cm__fix){font-size:12px}@container (max-width: 560px){.demo,.frame--detail .demo{padding:56px 16px 18px;font-size:14px;gap:14px}.aura{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:14px}.aura__chat,.aura__task{grid-column:1;grid-row:auto}.aura__skills,.msg--ai,.aura__scenario,.pick__label{display:none}.msg--user{justify-items:stretch}.aura__task{padding:16px}.step{display:none;padding:.5em .4em}.aura[data-phase=idle] .step:first-child,.aura[data-phase=run] .step.is-run{display:grid}.aura[data-phase=done] .task__steps{display:none}.step__num{display:inline;margin-right:.6em;font-family:var(--f-mono);font-size:12px;color:var(--c-accent)}.cm{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}.cm__list,.cm__detail{grid-column:1;grid-row:auto}.crow{grid-template-columns:12px minmax(0,1fr) auto;min-height:56px;padding:10px 12px}.crow__issue{display:none}.cm__detail{padding:16px;gap:.7em}.demo :is(.pick__opt,.fchip,.seg__b,.aura__run,.cm__action){min-height:40px;padding-inline:14px}}.detail__text section{display:grid;gap:var(--s-3)}.detail__text{gap:var(--s-6)}.detail__lead{font-family:var(--f-display);font-size:var(--t-h3)!important;font-weight:600;line-height:1.35!important;letter-spacing:-.015em}.detail__list{display:grid;gap:0;border-top:1px solid var(--c-line)}.detail__list li{padding-block:var(--s-3);border-bottom:1px solid var(--c-line);font-size:var(--t-lead);display:flex;gap:var(--s-4);align-items:baseline}.detail__list li:before{content:"";width:10px;height:1.5px;border-radius:1px;background:var(--c-accent);transform:translateY(-.38em);flex:none}.detail__meta{display:grid;gap:var(--s-5);align-content:start}.detail__next-arrow{display:inline-block;transition:transform var(--d-base) var(--ease);color:var(--c-accent)}.detail__next:hover .detail__next-arrow{transform:translate(10px)}.detail--missing{min-height:60vh;align-content:center;justify-items:start}.detail__404{font-family:var(--f-serif-latin);font-style:italic;font-size:clamp(6rem,3rem + 14vw,16rem);line-height:.8;color:var(--c-panel-2);-webkit-text-stroke:1px var(--c-line-strong)}.detail__name--sm{font-size:var(--t-h2)}.footer{flex-direction:column;align-items:stretch}.footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5)}.changelog summary{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;cursor:pointer;list-style:none;color:var(--c-fg-mute)}.changelog summary::-webkit-details-marker{display:none}.changelog summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--c-line-strong);border-radius:50%;transition:transform var(--d-base) var(--ease)}.changelog[open] summary:before{transform:rotate(45deg)}.changelog summary:hover{color:var(--c-fg)}.changelog ol{list-style:none;margin:0 0 var(--s-3);padding:0;display:grid;gap:var(--s-2);max-width:46em}.changelog li{display:grid;grid-template-columns:3.5em minmax(0,1fr);gap:var(--s-3);color:var(--c-fg-dim);line-height:1.6}.changelog__v{color:var(--c-accent)}@media(prefers-reduced-motion:reduce){.step.is-run .step__icon{animation:none}}.explore__grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s-7);align-items:stretch}.tile.tile--tower,.tile.tile--photo,.tile.tile--phase{grid-column:auto;grid-row:auto;margin-top:0}.tile .tile__float{height:100%;grid-template-rows:auto 1fr auto}.tile .frame.frame--widget{aspect-ratio:auto;margin-bottom:var(--s-2);background:#0c0f17;display:flex;flex-direction:column;justify-content:center}.tile .frame--widget>:first-child{flex:1}.tile__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.tile__verb{font-family:var(--f-serif-latin);font-style:italic;font-size:1.35rem;line-height:1;color:var(--c-fg-dim)}[data-lang=zh] .tile__verb{font-family:var(--f-serif-cjk);font-style:normal;font-weight:700;font-size:1.05rem}.tile__title{font-size:1.125rem;font-weight:500}.tag-illustrative--widget{left:auto;right:12px;top:12px;pointer-events:none}.tower{position:relative;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.tower__stage{position:relative}.tower__canvas{display:block;width:100%;aspect-ratio:16 / 10;cursor:crosshair;touch-action:manipulation}.tower__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:8px 12px;border-top:1px solid var(--c-line);background:#0c0f17}.tower__hud{display:flex;gap:14px;font-family:var(--f-mono);font-size:.75rem;color:var(--c-fg-mute);letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:#0c0f17b3;border:1px solid var(--c-line)}.tower__hud b{color:var(--c-fg);font-weight:500;font-variant-numeric:tabular-nums}.tower__hud b.is-bad{color:var(--c-neg)}.tower__upgrades{position:absolute;left:12px;bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 24px);animation:fade-up .4s var(--ease)}.tower__upgrades p{font-family:var(--f-mono);font-size:.72rem;color:var(--c-accent);width:100%}.tower__upgrades button,.tower__fire,.tower__cta{min-height:40px;padding:0 12px;border-radius:8px;cursor:pointer;font:inherit;font-size:.8125rem;border:1px solid rgba(125,162,255,.55);background:#141c30d9;color:var(--c-fg);transition:background var(--d-fast),transform .2s var(--ease),border-color var(--d-fast)}.tower__upgrades button:hover,.tower__fire:hover{background:var(--c-accent);color:var(--c-accent-ink)}.tower__upgrades button:active,.tower__fire:active,.tower__cta:active{transform:scale(.95)}.tower__fire{min-width:64px;font-weight:600}.tower__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0c0f178c,#0c0f1726 70%)}.tower__overlay p{font-family:var(--f-display);font-weight:700;font-size:1.25rem}.tower__cta{pointer-events:auto;background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg);font-weight:600;min-height:42px;padding:0 18px}.tower__cta:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.cmp{position:relative;aspect-ratio:4 / 5;overflow:hidden;touch-action:pan-y}.cmp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.cmp__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#ffffffd9;box-shadow:0 0 18px #0006;pointer-events:none}.cmp__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;letter-spacing:.1em;color:#111;background:#ffffffeb;box-shadow:0 8px 24px #00000059;transition:transform .3s var(--ease)}.cmp:hover .cmp__knob{transform:translate(-50%,-50%) scale(1.08)}.cmp.is-gliding .cmp__before{transition:clip-path 1.2s var(--ease)}.cmp.is-gliding .cmp__line{transition:left 1.2s var(--ease)}.cmp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cmp__range:focus-visible+.cmp__sample,.cmp:has(.cmp__range:focus-visible) .cmp__knob{outline:2px solid var(--c-accent);outline-offset:3px}.cmp__label{position:absolute;bottom:14px;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:#fff;padding:4px 9px;border-radius:999px;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.cmp__label--l{left:14px}.cmp__label--r{right:14px}.cmp__sample{position:absolute;left:14px;top:14px;font-size:.72rem;color:#ffffffbf;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.phase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto;gap:var(--s-4) var(--s-6);padding:var(--s-6) var(--s-6) var(--s-5);background:radial-gradient(ellipse 60% 70% at 25% 40%,rgba(125,162,255,.1),transparent 70%)}.phase__stage{grid-row:1;display:grid;place-items:center}.vessel{position:relative;width:min(100%,260px);aspect-ratio:1;border:1.5px solid var(--c-line-strong);border-top:0;border-radius:0 0 26px 26px;overflow:hidden;background:#ffffff05}.vessel__liquid{position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,#7da2ff52,#7da2ff24);transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease)}.vessel__ice{position:absolute;left:18%;right:14%;bottom:6%;height:36%;border-radius:10px;background:linear-gradient(160deg,#c8e6ff47,#a0cdff1a);border:1px solid rgba(200,230,255,.45);opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}.vessel__steam{position:absolute;inset:0 0 auto 0;height:60%;opacity:0;transition:opacity .8s var(--ease)}.vessel__steam i{position:absolute;bottom:10%;width:22%;height:70%;border-radius:50%;border-left:2px solid rgba(237,231,221,.25);filter:blur(1px)}.vessel__steam i:nth-child(1){left:18%}.vessel__steam i:nth-child(2){left:44%;height:85%}.vessel__steam i:nth-child(3){left:68%}.vessel__bubbles i{position:absolute;bottom:4%;width:8px;height:8px;border-radius:50%;border:1px solid rgba(201,216,255,.7);opacity:0}.vessel__bubbles i:nth-child(1){left:22%}.vessel__bubbles i:nth-child(2){left:42%}.vessel__bubbles i:nth-child(3){left:60%}.vessel__bubbles i:nth-child(4){left:78%}.mol{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 1s var(--ease);pointer-events:none}.mol i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px #7da2ff99;animation:jig .6s var(--ease);transition:background .6s,opacity .6s,transform .6s}@keyframes jig{0%,to{translate:0 0}25%{translate:var(--amp) calc(var(--amp) * -1)}50%{translate:calc(var(--amp) * -1) 0}75%{translate:0 var(--amp)}}.phase{--amp: 2px}.phase--ice .mol i,.phase--melt .mol i{background:#cfe8ff;box-shadow:0 0 8px #cfe8ff99}.phase--ice{--amp: 1px}.phase--water{--amp: 3px}.phase--boil,.phase--steam{--amp: 6px}.phase--steam .mol i,.phase--boil .mol i{opacity:.85;transform:scale(.8)}.phase--ice .vessel__ice{opacity:1}.phase--melt .vessel__ice{opacity:.5;transform:scaleY(.75);transform-origin:bottom}.phase--melt .vessel__liquid{transform:scaleY(.45)}.phase--water .vessel__liquid,.phase--boil .vessel__liquid{transform:scaleY(1)}.phase--boil .vessel__liquid{transform:scaleY(.85)}.phase--boil .vessel__steam{opacity:.6}.phase--steam .vessel__steam{opacity:1}.phase--boil .vessel__bubbles i{animation:bubble 1.4s ease-in 3}.phase--boil .vessel__bubbles i:nth-child(2){animation-delay:.35s}.phase--boil .vessel__bubbles i:nth-child(3){animation-delay:.7s}.phase--boil .vessel__bubbles i:nth-child(4){animation-delay:.2s}@keyframes bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-110px)}}.phase__info{grid-row:1;display:grid;align-content:center;gap:var(--s-2)}.phase__temp{display:flex;align-items:baseline;gap:4px;font-family:var(--f-display);font-weight:800;letter-spacing:-.04em;line-height:.9}.phase__num{font-size:clamp(3.5rem,2rem + 4vw,5.5rem);font-variant-numeric:tabular-nums}.phase__unit{font-size:1.5rem;color:var(--c-fg-mute)}.phase__state{font-family:var(--f-serif-cjk);font-weight:900;font-size:1.5rem;color:var(--c-accent)}[data-lang=en] .phase__state{font-family:var(--f-serif-latin);font-style:italic;font-weight:400;font-size:1.9rem}.phase__explain{color:var(--c-fg-dim);max-width:26em;min-height:3.4em}.phase__note{font-family:var(--f-mono);font-size:.7rem;color:var(--c-fg-mute)}.phase__control{grid-column:1 / -1;position:relative;padding-bottom:22px}.phase__range{width:100%;height:44px;margin:0;background:transparent;cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none}.phase__range::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#8fc7ff,#cfe8ff 14%,#7da2ff 40%,#e7c27d 85%,#ff8f80)}.phase__range::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#8fc7ff,#cfe8ff 14%,#7da2ff 40%,#e7c27d 85%,#ff8f80)}.phase__range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--c-fg);border:4px solid var(--c-bg);box-shadow:0 0 0 1px var(--c-line-strong),0 6px 16px #00000080;transition:transform .2s var(--ease)}.phase__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-fg);border:4px solid var(--c-bg)}.phase__range:active::-webkit-slider-thumb{transform:scale(1.15)}.phase__ticks span{position:absolute;bottom:0;transform:translate(-50%);font-family:var(--f-mono);font-size:.68rem;color:var(--c-fg-mute)}.phase__ticks span:first-child{transform:none}.phase__ticks span:last-child{transform:translate(-100%)}.phase{grid-template-columns:minmax(0,1fr);padding:var(--s-7) var(--s-4) var(--s-4)}.phase__stage{grid-row:auto}.vessel{width:min(70%,220px)}.phase__info{grid-row:auto;text-align:left}.tower__hud{gap:10px;font-size:12px}.tile .frame.frame--widget{height:520px}.tile .phase{padding-top:var(--s-6);gap:var(--s-4)}.tile .vessel{width:min(48%,148px)}.tile .phase__stage{padding-top:20px}.tile .tower{height:100%}.tile .tower__stage{flex:1;min-height:0}.tile .tower__canvas{height:100%;aspect-ratio:auto}.tile .cmp{aspect-ratio:auto;height:100%}@media(max-width:960px){.explore__grid{grid-template-columns:minmax(0,1fr);max-width:560px}.tile .tile__float,.tile .frame.frame--widget,.tile .tower{height:auto}.tile .tower__stage{flex:none}.tile .tower__canvas{height:auto;aspect-ratio:3 / 2}.tile .vessel{width:min(70%,220px)}.tile .cmp{aspect-ratio:4 / 5;height:auto}}@media(prefers-reduced-motion:reduce){.mol,.mol i,.vessel__liquid,.vessel__ice,.cmp__before,.cmp__line{transition:none!important;animation:none!important}}.is-scrolling :is(.glass,.win){-webkit-backdrop-filter:none;backdrop-filter:none}.tile :is(.tower__hud,.cmp__label,.cmp__sample,.phase__note,.phase__ticks){font-size:12px}