:root{--ground:#f1f4f8;--ground-2:#ebf0f6;--surface:#f9fbfd;--surface-2:#f2f6fb;--surface-3:#e4ebf4;--line:#d5dfec;--line-2:#c8d4e4;--line-3:#a3b6d0;--text:#0e2c57;--text-2:#34507a;--text-3:#566a8a;--cyan:#2463ae;--cyan-ink:#ffffff;--cyan-soft:rgb(var(--accent-rgb) / 0.08);--cyan-line:rgb(var(--accent-rgb) / 0.35);--magenta:#d6336c;--amber:#a86a12;--field:#c9d6e8;--field-bright:#9fb6d6;--ghost:#2463ae;--paper-rgb:241 244 248;--card-rgb:249 251 253;--accent-rgb:36 99 174;--magenta-rgb:214 51 108;--amber-rgb:168 106 18;--shadow-rgb:14 44 87;--split-a:#29a8d6;--split-b:#d6336c;--split-blend:multiply;--split-alpha:0.3;--font-sans:"Geist", var(--font-cjk), system-ui, -apple-system, "Segoe UI", sans-serif;--font-cjk:"Noto Sans JP", "Noto Sans SC";--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-kana:"Shippori Mincho", "Noto Serif JP", serif;--font-dot:"DotGothic16", var(--font-mono);--fs-display:clamp(2.75rem, 1.2rem + 6vw, 7.25rem);--fs-h1:clamp(2.4rem, 1.4rem + 3.8vw, 4.75rem);--fs-h2:clamp(2rem, 1.3rem + 2.6vw, 3.5rem);--fs-h3:clamp(1.15rem, 1rem + 0.4vw, 1.35rem);--fs-lead:clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem);--wrap:1320px;--gutter:clamp(20px, 4vw, 56px);--header:64px;--radius:10px;--radius-small:6px;--ease:cubic-bezier(0.2, 0.8, 0.2, 1);--section-space:clamp(88px, 11vw, 168px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#060c0e;--ground-2:#081113;--surface:#0b1619;--surface-2:#0f1f23;--surface-3:#14292e;--line:#172a2e;--line-2:#213a3f;--line-3:#2f5057;--text:#e4f2ee;--text-2:#a4bab5;--text-3:#7a9590;--cyan:#22f2d0;--cyan-ink:#02201b;--magenta:#ff3d7f;--amber:#ffc857;--field:#15282c;--field-bright:#2b5a5c;--ghost:#d6fff6;--paper-rgb:6 12 14;--card-rgb:11 22 25;--accent-rgb:34 242 208;--magenta-rgb:255 61 127;--amber-rgb:255 200 87;--shadow-rgb:0 0 0;--split-a:#22f2d0;--split-b:#ff3d7f;--split-blend:lighter;--split-alpha:0.6;color-scheme:dark}}:root[data-theme=dark]{--ground:#060c0e;--ground-2:#081113;--surface:#0b1619;--surface-2:#0f1f23;--surface-3:#14292e;--line:#172a2e;--line-2:#213a3f;--line-3:#2f5057;--text:#e4f2ee;--text-2:#a4bab5;--text-3:#7a9590;--cyan:#22f2d0;--cyan-ink:#02201b;--magenta:#ff3d7f;--amber:#ffc857;--field:#15282c;--field-bright:#2b5a5c;--ghost:#d6fff6;--paper-rgb:6 12 14;--card-rgb:11 22 25;--accent-rgb:34 242 208;--magenta-rgb:255 61 127;--amber-rgb:255 200 87;--shadow-rgb:0 0 0;--split-a:#22f2d0;--split-b:#ff3d7f;--split-blend:lighter;--split-alpha:0.6;color-scheme:dark}:lang(zh){--font-cjk:"Noto Sans SC", "Noto Sans JP"}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 16px)}body{margin:0;min-height:100vh;background:var(--ground);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4,p,ul,ol,figure,pre{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}::selection{background:rgb(var(--accent-rgb)/.2);color:var(--text)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 14px;border-radius:var(--radius-small);background:var(--cyan);color:var(--cyan-ink);font-weight:500;transform:translateY(-160%);transition:transform 180ms var(--ease)}.skip-link:focus{transform:none}.field{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;pointer-events:none}.wrap{width:min(var(--wrap),100% - var(--gutter) * 2);margin-inline:auto}.main{display:block}.section{position:relative;padding-block:var(--section-space)}.section+.section{border-top:1px solid var(--line)}.display{font-size:var(--fs-display);font-weight:500;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.h1{font-size:var(--fs-h1);font-weight:500;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.h2{font-size:var(--fs-h2);font-weight:500;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.h3{font-size:var(--fs-h3);font-weight:500;line-height:1.3;letter-spacing:-.015em}:lang(ja) :is(.display,.h1,.h2),:lang(zh) :is(.display,.h1,.h2){letter-spacing:-.02em;line-height:1.15}.lead{max-width:38rem;color:var(--text-2);font-size:var(--fs-lead);line-height:1.6;text-wrap:pretty}.muted{color:var(--text-2)}.mono{font-family:var(--font-mono)}.eyebrow{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.2em .7em;color:var(--text-3);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.eyebrow-kanji{color:var(--text);font-family:var(--font-kana);font-size:1.35rem;font-weight:500;letter-spacing:.04em;text-transform:none}.eyebrow-main{color:var(--cyan)}.eyebrow-sep{color:var(--line-3)}.section-head{display:grid;grid-template-columns:minmax(0,1.25fr)minmax(0,1fr);gap:28px clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}.section-head-title{display:grid;gap:22px}.section-head .lead{justify-self:end;max-width:32rem}@media(max-width:860px){.section-head{grid-template-columns:minmax(0,1fr)}.section-head .lead{justify-self:start}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-small);font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:-.005em;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color 180ms var(--ease),border-color 180ms var(--ease),color 180ms var(--ease),box-shadow 260ms var(--ease),transform 260ms var(--ease)}.btn .icon{width:16px;height:16px;transition:transform 260ms var(--ease)}.btn:hover .icon{transform:translateX(3px)}.btn-primary{background:var(--cyan);color:var(--cyan-ink);box-shadow:1.5px 0 0 var(--magenta)}.btn-primary:hover{box-shadow:3px 0 0 var(--magenta),-3px 0 #3fb8e6}.btn-primary:active{transform:translateY(1px)}.btn-ghost{border-color:var(--line-2);background:rgb(var(--card-rgb)/.6);color:var(--text)}.btn-ghost:hover{border-color:var(--cyan-line);background:var(--cyan-soft)}.btn-small{min-height:34px;padding:0 14px;font-size:.85rem}.btn[disabled]{opacity:.45;cursor:not-allowed}.link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.95rem;font-weight:500;transition:color 180ms var(--ease)}.link-arrow .icon{width:15px;height:15px;color:var(--cyan);transition:transform 260ms var(--ease)}.link-arrow:hover{color:var(--cyan)}.link-arrow:hover .icon{transform:translateX(3px)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgb(var(--card-rgb)/.72),rgb(var(--card-rgb)/.72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line-2);border-radius:4px;color:var(--text-2);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;flex:none;background:var(--cyan)}.dot-off{background:0 0;box-shadow:inset 0 0 0 1px currentColor}.rows{display:grid;padding:0;list-style:none}.rows>li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);color:var(--text-2)}.rows>li::before{content:"";width:6px;height:6px;margin-top:.62em;flex:none;background:var(--cyan)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}.feature{display:grid;align-content:start;gap:14px;padding:28px 0 48px;border-top:1px solid var(--line-2);transition:border-color 200ms var(--ease)}.feature:hover{border-top-color:var(--cyan)}.feature .tag{justify-self:start}.feature-index{color:var(--cyan);font-size:.75rem}.feature-title{font-size:clamp(1.2rem,1rem + .5vw,1.45rem);font-weight:500;letter-spacing:-.02em;line-height:1.25}.feature-desc{max-width:24rem;color:var(--text-2)}@media(max-width:960px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.features{grid-template-columns:minmax(0,1fr)}}.system-title{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:500;letter-spacing:-.025em;line-height:1.15}.lockup{--size:11px;display:inline-flex;align-items:center;gap:calc(var(--size) * 1.1);color:var(--text);line-height:1}.lockup-mark{width:calc(var(--size) * 3.3);height:calc(var(--size) * 3.3);flex:none;border-radius:22.4%;box-shadow:0 0 0 1px var(--line-2),0 2px 6px rgb(var(--shadow-rgb)/.08);transition:transform 320ms var(--ease)}.lockup-mark-night{display:none}:root[data-theme=dark] .lockup-mark-light,.footer .lockup-mark-light{display:none}:root[data-theme=dark] .lockup-mark-night,.footer .lockup-mark-night{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lockup-mark-light{display:none}:root:not([data-theme=light]) .lockup-mark-night{display:block}}.lockup-type{display:grid;gap:calc(var(--size) * .55)}.lockup-name{margin-right:-.42em;font-family:var(--font-mono);font-size:var(--size);font-weight:500;letter-spacing:.42em;text-transform:uppercase;white-space:nowrap}.lockup-kana{color:var(--text-3);font-family:var(--font-dot);font-size:calc(var(--size) * .8);letter-spacing:.34em;white-space:nowrap}a:hover>.lockup .lockup-mark{transform:translateY(-1px);box-shadow:0 0 0 1px var(--cyan-line),0 4px 10px rgb(var(--shadow-rgb)/.12)}.header{position:sticky;top:0;z-index:40;height:var(--header);transition:background-color 260ms var(--ease),border-color 260ms var(--ease);border-bottom:1px solid transparent}.header.is-scrolled,.header.is-open{border-bottom-color:var(--line);background:rgb(var(--paper-rgb)/.8);backdrop-filter:blur(14px)saturate(1.2);-webkit-backdrop-filter:blur(14px)saturate(1.2)}.header.is-open{background:var(--ground);backdrop-filter:none;-webkit-backdrop-filter:none}.header-bar{display:flex;align-items:center;gap:28px;height:100%}.header-brand{flex:none}.nav{display:flex;align-items:center;gap:4px;margin-inline:auto}.nav-group{position:relative}.nav-trigger,.nav-link{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:6px;background:0 0;color:var(--text-2);font-size:.9rem;font-weight:500;cursor:pointer;transition:color 180ms var(--ease),background-color 180ms var(--ease)}.nav-trigger:hover,.nav-link:hover,.nav-group.is-open .nav-trigger{color:var(--text);background:rgb(var(--accent-rgb)/.06)}.nav-group.is-current .nav-trigger,.nav-link.is-current{color:var(--text)}.nav-group.is-current .nav-trigger::after,.nav-link.is-current::after{content:"";width:5px;height:5px;background:var(--cyan)}.nav-caret{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform 200ms var(--ease)}.nav-group.is-open .nav-caret{transform:rotate(180deg)}.nav-external{color:var(--text-3);font-size:.8em}.nav-panel{position:absolute;top:calc(100% + 10px);left:-8px;display:grid;width:340px;padding:8px;border:1px solid var(--line-2);border-radius:12px;background:rgb(var(--card-rgb)/.96);box-shadow:0 24px 60px rgb(var(--shadow-rgb)/.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 160ms var(--ease),transform 220ms var(--ease),visibility 0s linear 220ms}.nav-panel::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}.nav-group.is-open .nav-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav-panel-link{display:grid;gap:2px;padding:10px 12px;border-radius:8px;transition:background-color 160ms var(--ease)}.nav-panel-link:hover,.nav-panel-link.is-current{background:var(--surface-2)}.nav-panel-title{color:var(--text);font-size:.92rem;font-weight:500}.nav-panel-link.is-current .nav-panel-title::after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;vertical-align:middle;background:var(--cyan)}.nav-panel-note{color:var(--text-3);font-size:.8rem;line-height:1.45}.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.nav~.header-actions{margin-left:0}.lang{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px}.lang-item{padding:4px 7px;border-radius:4px;color:var(--text-3);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;line-height:1;transition:color 160ms var(--ease)}a.lang-item:hover{color:var(--text)}.lang-item.is-current{background:var(--surface-3);color:var(--text)}.header-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:var(--text-2);transition:color 160ms var(--ease)}.header-icon:hover{color:var(--text)}.header-icon .icon{width:18px;height:18px}.theme-toggle{border:0;background:0 0;cursor:pointer}.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{display:block}:root:not([data-theme=light]) .theme-icon-moon{display:none}}.menu-toggle{display:none;place-items:center;width:40px;height:40px;border:1px solid var(--line-2);border-radius:8px;background:0 0;cursor:pointer}.menu-toggle-lines{display:grid;gap:5px;width:16px}.menu-toggle-lines span{height:1.5px;background:var(--text);transition:transform 260ms var(--ease)}.menu-toggle[aria-expanded=true] .menu-toggle-lines span:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.menu-sheet{position:fixed;inset:var(--header)0 0;overflow-y:auto;background:var(--ground)}.menu-sheet[hidden]{display:none}.menu-sheet-inner{display:grid;gap:32px;padding-block:28px 48px}.menu-group{display:grid}.menu-group-label{margin-bottom:8px;color:var(--text-3);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.menu-link{padding:10px 0;border-bottom:1px solid var(--line);font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.menu-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:1080px){.header-cta{display:none}}@media(max-width:960px){.nav,.header-actions>.lang,.header-icon:not(.theme-toggle){display:none}.menu-toggle{display:grid}.nav~.header-actions{margin-left:auto}}@media(max-width:520px){.lockup-header .lockup-kana{display:none}}.footer{--text:#e6eef8;--text-2:#b3c3da;--text-3:#7f93b0;--line:#1c3354;--line-2:#25416a;--line-3:#35557f;--cyan:#7fd8ff;--cyan-line:rgba(127, 216, 255, 0.45);position:relative;overflow:hidden;margin-top:0;background-color:#0a1a30;background-image:radial-gradient(90% 60% at 80% 0%,rgba(127,216,255,7%),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='14'><rect y='6' width='2' height='1' fill='%231c3354'/></svg>");color:var(--text)}.footer ::selection{background:rgba(127,216,255,.3);color:#fff}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.6fr);gap:48px clamp(40px,6vw,96px);padding-block:clamp(64px,8vw,104px)32px}.footer-brand{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:20px;min-width:0}.lockup-footer{--size:12px;color:var(--text)}.lockup-footer .lockup-mark{box-shadow:0 0 0 1px var(--line-2)}.footer-note{max-width:22rem;color:var(--text-2);font-size:.95rem}.footer-install{display:flex;align-items:center;gap:10px;width:min(100%,24rem);height:44px;padding:0 6px 0 14px;border:1px solid var(--line-2);border-radius:8px;background:rgba(3,12,24,.5);font-family:var(--font-mono);font-size:.76rem}.footer-install-prompt{color:var(--cyan)}.footer-install-text{flex:1;min-width:0;overflow:hidden;color:var(--text);font-family:inherit;white-space:nowrap;mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent)}.footer-status{display:inline-flex;align-items:center;gap:10px;color:var(--text-3);font-size:.74rem;letter-spacing:.06em}.footer-pulse{position:relative;width:7px;height:7px;background:#5eeaa0}.footer-pulse::after{content:"";position:absolute;inset:0;background:#5eeaa0;animation:footer-pulse 2s var(--ease)infinite}@keyframes footer-pulse{to{opacity:0;transform:scale(3)}}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.footer-group-label{margin-bottom:16px;color:var(--text-3);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.footer-group ul{display:grid;gap:12px;padding:0;list-style:none}.footer-group a{position:relative;color:var(--text-2);font-size:.95rem;transition:color 160ms var(--ease)}.footer-group a::before{content:"";position:absolute;top:50%;left:-14px;width:6px;height:6px;background:var(--cyan);opacity:0;transform:translate(-4px,-50%);transition:opacity 160ms var(--ease),transform 200ms var(--ease)}.footer-group a:hover{color:var(--text)}.footer-group a:hover::before{opacity:1;transform:translate(0,-50%)}.footer-external{margin-left:4px;color:var(--text-3);font-size:.8em}.footer-mark{--mx:50%;--my:50%;--lens:clamp(120px, 18vw, 260px);position:relative;display:grid;padding-bottom:.06em;font-size:clamp(3rem,14.5vw,14.5rem);font-weight:500;letter-spacing:-.045em;line-height:1;text-align:center;white-space:nowrap;user-select:none;cursor:crosshair}.footer-mark-kana{font-family:var(--font-kana);font-size:clamp(2.6rem,12vw,12rem);letter-spacing:.04em}.footer-mark>span{grid-area:1/1}.footer-mark-line{color:transparent;-webkit-text-stroke:1px var(--line-3)}.footer-mark-fill{background:linear-gradient(100deg,#7fd8ff 10%,#5b8cff 45%,#ff6fa3 90%);background-clip:text;-webkit-background-clip:text;color:transparent;mask-image:radial-gradient(circle var(--lens) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.85) 35%,transparent 70%);-webkit-mask-image:radial-gradient(circle var(--lens) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.85) 35%,transparent 70%)}.footer-base{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:22px 28px;border-top:1px solid var(--line);color:var(--text-3);font-size:.84rem}.footer-base a{transition:color 160ms var(--ease)}.footer-base a:hover{color:var(--text)}.footer-sep{margin-inline:10px;color:var(--line-3)}.footer-base-end{display:flex;align-items:center;gap:24px}.footer-lang{display:flex;gap:12px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em}.footer-lang .is-current{color:var(--text)}.footer-top{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:860px){.footer-inner{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.footer-pulse::after{animation:none}}.terminal,.code-block{--ghost:#e6eef8;--text:#e6eef8;--text-2:#b3c3da;--text-3:#7f93b0;--line:#1c3354;--line-2:#25416a;--line-3:#35557f;--cyan:#7fd8ff;--cyan-line:rgba(127, 216, 255, 0.45);--amber:#ffc857}.terminal{overflow:hidden;border:1px solid var(--line-2);border-radius:var(--radius);background:#0a1a30;box-shadow:0 24px 60px rgb(var(--shadow-rgb)/.16)}.terminal-head{display:flex;align-items:center;gap:14px;min-height:42px;padding:0 10px 0 16px;border-bottom:1px solid var(--line);background:#0d2140}.terminal-lights{display:flex;gap:6px}.terminal-lights span{width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--line-3)}.terminal-lights span:first-child{background:var(--cyan);box-shadow:none}.terminal-title{overflow:hidden;color:var(--text-3);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.terminal-head .copy-button{margin-left:auto}.terminal pre{overflow-x:auto;padding:18px 20px 22px;color:var(--ghost);font-family:var(--font-mono);font-size:.82rem;line-height:1.8;white-space:pre-wrap;word-break:break-all}.terminal .tok-prompt{color:var(--cyan);user-select:none}.terminal .tok-comment,.terminal .tok-tag{color:var(--text-3)}.terminal .tok-placeholder,.terminal .aqua-terminal-placeholder{color:var(--amber)}.terminal .tok-cursor{display:inline-block;width:.6em;height:1.1em;vertical-align:-.2em;background:var(--cyan);animation:blink 1.1s steps(1)infinite}@keyframes blink{50%{opacity:0}}.copy-button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:5px;background:0 0;color:var(--text-2);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;cursor:pointer;transition:color 160ms var(--ease),border-color 160ms var(--ease)}.copy-button .icon{width:13px;height:13px}.copy-button.copy-icon{justify-content:center;width:30px;height:30px;padding:0}.copy-button.copy-icon .icon{width:14px;height:14px}.copy-button:hover{border-color:var(--cyan-line);color:var(--text)}.copy-button.is-copied{border-color:var(--cyan-line);color:var(--cyan)}.shots{position:relative;display:grid}.shots-img{grid-area:1/1;width:100%;height:auto;opacity:0;transform:scale(1.015);transition:opacity 450ms var(--ease),transform 800ms var(--ease)}.shots-img.is-active{opacity:1;transform:none}.shots-dots{position:absolute;right:14px;bottom:14px;z-index:1;display:flex;gap:4px;padding:6px 8px;border-radius:999px;background:rgb(var(--shadow-rgb)/.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shots-dot{display:grid;place-items:center;width:18px;height:14px;padding:0;border:0;background:0 0;cursor:pointer}.shots-dot span{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.45);transition:width 300ms var(--ease),background-color 300ms var(--ease)}.shots-dot:hover span{background:rgba(255,255,255,.8)}.shots-dot[aria-selected=true] span{width:16px;background:#fff}.page-head{position:relative;padding-block:clamp(72px,10vw,144px)clamp(56px,7vw,96px)}.page-head-inner{display:grid;gap:26px;max-width:60rem}.page-head .lead{max-width:42rem}.page-head-sub{color:var(--text-2);font-size:clamp(1.4rem,1rem + 1.6vw,2.25rem);font-weight:400;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}.page-head .actions{margin-top:8px}.doc{display:grid;grid-template-columns:minmax(0,13rem)minmax(0,46rem);gap:clamp(32px,6vw,96px);padding-bottom:var(--section-space)}.doc-toc{position:sticky;top:calc(var(--header) + 32px);align-self:start;display:grid;gap:4px;max-height:calc(100vh - var(--header) - 64px);overflow-y:auto}.doc-toc-label{margin-bottom:10px;color:var(--text-3);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.doc-toc a{display:block;padding:6px 0 6px 14px;border-left:1px solid var(--line);color:var(--text-3);font-size:.86rem;line-height:1.4;transition:color 160ms var(--ease),border-color 160ms var(--ease)}.doc-toc a:hover,.doc-toc a.is-current{border-left-color:var(--cyan);color:var(--text)}.doc-toc ul,.doc-toc ol{padding:0;list-style:none}.doc-toc ul ul a{padding-left:26px}.prose-inline{max-width:46rem}@media(max-width:960px){.doc{grid-template-columns:minmax(0,1fr)}.doc-toc{display:none}}.prose{min-width:0;color:var(--text-2);font-size:1.02rem;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:2.6em;padding-top:1.2em;border-top:1px solid var(--line);color:var(--text);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:500;letter-spacing:-.025em;line-height:1.2}.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}.prose h3{margin-top:2em;color:var(--text);font-size:1.15rem;font-weight:500;letter-spacing:-.01em}.prose h4{margin-top:1.6em;color:var(--text);font-size:1rem;font-weight:500}.prose strong{color:var(--text);font-weight:500}.prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:var(--cyan-line);text-underline-offset:3px;transition:text-decoration-color 160ms var(--ease)}.prose a:hover{text-decoration-color:var(--cyan)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose ul>li::marker{color:var(--cyan)}.prose ol>li::marker{color:var(--text-3);font-family:var(--font-mono);font-size:.85em}.prose :not(pre)>code{padding:.12em .4em;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:.86em;overflow-wrap:anywhere}.prose blockquote{margin-inline:0;padding:2px 0 2px 18px;border-left:2px solid var(--cyan);color:var(--text-2)}.prose hr{border:0;border-top:1px solid var(--line)}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:.92rem}.prose th,.prose td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose th{color:var(--text-3);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.prose td:first-child{color:var(--text)}.code-block{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--radius-small);background:#0a1a30}.code-block::before{content:attr(data-language);display:block;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--text-3);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em}.code-block pre{overflow-x:auto;padding:16px 18px 18px;background:0 0!important;color:var(--ghost);font-family:var(--font-mono);font-size:.84rem;line-height:1.75;tab-size:2}.code-block .copy-button{position:absolute;top:6px;right:8px}.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity 700ms var(--ease),transform 900ms var(--ease);transition-delay:var(--reveal-delay,0ms)}.js [data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - var(--header));padding-block:clamp(40px,7vh,96px)}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--paper-rgb)/.92) 0%,rgb(var(--paper-rgb)/.78) 34%,rgb(var(--paper-rgb)/0) 58%);pointer-events:none}.hero-inner{position:relative;display:grid;align-items:center}.hero-copy{display:grid;gap:28px;max-width:47rem}.hero-kana{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--text-2);font-family:var(--font-kana);font-size:1.05rem;font-weight:500;letter-spacing:.5em}.hero-kana::before{content:"";width:28px;height:1px;background:var(--cyan)}.hero-title{display:grid;font-size:clamp(3rem,1rem + 6.4vw,7.5rem)}:lang(ja) :is(.hero-title,.closing-title),:lang(zh) :is(.hero-title,.closing-title){word-break:keep-all;overflow-wrap:anywhere}.hero-line{display:block}.hero-slash{margin-left:.18em;color:var(--line-3);font-weight:400}.hero-lead{max-width:34rem}.hero-install{display:grid;gap:18px;margin-top:6px}.hero-command{display:flex;align-items:center;gap:12px;max-width:34rem;height:50px;padding:0 8px 0 16px;border:1px solid var(--line-2);border-radius:8px;background:rgb(var(--card-rgb)/.8);font-family:var(--font-mono);font-size:.8rem}.hero-command-prompt{color:var(--cyan)}.hero-command-text{flex:1;min-width:0;overflow:hidden;color:var(--text);font-family:inherit;text-overflow:ellipsis;white-space:nowrap;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}@media(max-width:859px){.hero{min-height:0;padding-top:420px}.hero::before{background:linear-gradient(180deg,transparent 0,transparent 360px,rgb(var(--paper-rgb)/.9) 440px)}}.shells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr)auto;min-height:600px;overflow:hidden;border:1px solid var(--line-2);border-radius:16px}.shell-visual{position:relative;min-height:0}.shell-body{display:grid;gap:12px;padding:28px clamp(24px,3vw,40px)clamp(28px,3vw,40px);border-top:1px solid var(--line)}.shell-kicker{display:flex;gap:12px;color:var(--cyan);font-size:.72rem;letter-spacing:.14em}.shell-platforms{margin-left:auto;color:var(--text-3);letter-spacing:.04em}.shell-title{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.05}.shell-desc{max-width:30rem;color:var(--text-2)}.shell-body .actions{margin-top:8px}.shell-cli{--text:#e6eef8;--text-2:#b3c3da;--text-3:#7f93b0;--line:#1c3354;--line-2:#25416a;--cyan:#7fd8ff;--cyan-ink:#0a1a30;--cyan-line:rgba(127, 216, 255, 0.45);border-color:#13294a;background:radial-gradient(120% 80% at 0% 0%,rgba(127,216,255,8%),transparent 60%),#0a1a30;color:var(--text)}.shell-term{height:100%;padding:clamp(28px,3vw,40px)}.shell-term pre{padding-right:84px;color:#e6eef8;font-family:var(--font-mono);font-size:clamp(.8rem,.72rem + .25vw,.92rem);line-height:1.9;white-space:pre-wrap;word-break:break-all}.shell-line[hidden]{display:none}.shell-term .tok-prompt{color:var(--cyan);user-select:none}.shell-term .tok-cursor{display:inline-block;width:.6em;height:1.15em;vertical-align:-.22em;background:var(--cyan);animation:blink 1.1s steps(1)infinite}.shell-copy{position:absolute;top:clamp(24px,2.6vw,36px);right:clamp(24px,2.6vw,36px);z-index:1}.shell-cli .btn-meta{border-left-color:rgba(10,26,48,.3)}.shell-gui{background:radial-gradient(90% 70% at 100% 0%,rgb(var(--accent-rgb)/.08),transparent 60%),var(--surface)}.shell-gui .shell-visual{overflow:hidden;perspective:1600px}.shell-shot{position:absolute;top:48px;left:40px;width:125%;margin:0;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px var(--line-2),0 40px 80px rgb(var(--shadow-rgb)/.18);transform:rotateY(-18deg)rotateX(9deg)rotateZ(1.5deg);transform-origin:left top;transition:transform 800ms var(--ease)}.shell-gui:hover .shell-shot{transform:rotateY(-5deg)rotateX(3deg)rotateZ(.5deg)}.shell-shot img{width:100%;height:auto}@media(max-width:960px){.shells{grid-template-columns:minmax(0,1fr)}.shell{min-height:0}.shell-gui .shell-visual{height:clamp(220px,56vw,380px)}.shell-shot{top:32px;left:24px}}.work-tabs{display:inline-flex;justify-self:end;padding:4px;border:1px solid var(--line-2);border-radius:10px;background:rgb(var(--card-rgb)/.7)}.work-tab{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:0;border-radius:7px;background:0 0;color:var(--text-2);font-size:.92rem;font-weight:500;cursor:pointer;transition:color 180ms var(--ease),background-color 180ms var(--ease)}.work-tab:hover{color:var(--text)}.work-tab[aria-selected=true]{background:var(--surface-3);color:var(--text)}.work-tab-index{color:var(--text-3);font-size:.7rem}.work-tab[aria-selected=true] .work-tab-index{color:var(--cyan)}.work-panel{display:grid;grid-template-columns:minmax(0,5fr)minmax(0,7fr);gap:clamp(32px,6vw,96px);animation:panel-in 500ms var(--ease)}.work-panel[hidden]{display:none}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}}.work-intro{display:grid;align-content:start;gap:22px}.work-title{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.12}.work-summary{color:var(--text-2);font-size:1.05rem}.work-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,40px);align-content:start}.work-step{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:14px 12px;padding:26px 0 36px;border-top:1px solid var(--line-2);transition:border-color 200ms var(--ease)}.work-step:hover{border-top-color:var(--cyan)}.work-step-index{align-self:center;color:var(--cyan);font-size:.75rem}.work-step .tag{justify-self:start}.work-step-title{grid-column:1/-1;font-size:1.2rem;font-weight:500;letter-spacing:-.015em;line-height:1.3}@media(max-width:960px){.work-tabs{justify-self:start}.work-panel{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.work-steps{grid-template-columns:minmax(0,1fr)}.work-tabs{display:flex;width:100%}.work-tab{flex:1;justify-content:center}}.apps-stage{display:grid;grid-template-columns:minmax(0,6fr)minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}.apps-board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,16px)}.apps-wire{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.apps-wire path{fill:none;stroke-linecap:round}.apps-wire :is(.apps-wire-m,.apps-wire-c,.apps-wire-core){stroke-dasharray:var(--wire-length,1e3);stroke-dashoffset:var(--wire-length,1e3)}.apps-wire.is-drawn :is(.apps-wire-m,.apps-wire-c,.apps-wire-core){stroke-dashoffset:0;transition:stroke-dashoffset 900ms var(--ease)}.apps-wire.is-drawn :is(.apps-wire-m,.apps-wire-c){transition-delay:120ms}.apps-wire-m{stroke:var(--magenta);stroke-width:1;opacity:.45}.apps-wire-c{stroke:var(--split-a);stroke-width:1;opacity:.45}.apps-wire stop:first-child{stop-color:var(--cyan)}.apps-wire stop:last-child{stop-color:var(--magenta)}.apps-wire-core{stroke:url(#apps-wire-grad);stroke-width:1.5}.apps-wire-pulse{stroke:url(#apps-wire-grad);stroke-width:3;stroke-dasharray:26 calc(var(--wire-length,1e3) * 1px + 26px);stroke-dashoffset:26;opacity:0}.apps-wire.is-drawn .apps-wire-pulse{animation:wire-pulse 1.6s cubic-bezier(.55,0,.45,1)700ms infinite}.apps-wire.is-drawn .apps-wire-pulse-late{animation-delay:1500ms}.apps-wire-pulse-glow{stroke-width:9;filter:url(#apps-wire-glow)}.apps-wire.is-drawn .apps-wire-pulse-glow{opacity:.5}@keyframes wire-pulse{0%{stroke-dashoffset:26;opacity:1}92%{opacity:1}100%{stroke-dashoffset:calc(var(--wire-length,1e3) * -1px);opacity:0}}.apps-wire-end{fill:var(--surface);stroke-width:2;opacity:0;transition:opacity 300ms var(--ease)600ms}.apps-wire-end-from{stroke:var(--cyan)}.apps-wire-end-to{stroke:var(--magenta)}.apps-wire.is-drawn .apps-wire-end{opacity:1}.app{position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:10px;aspect-ratio:1;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgb(var(--card-rgb)/.94);cursor:pointer;transition:border-color 240ms var(--ease),background-color 240ms var(--ease),transform 360ms var(--ease),opacity 400ms var(--ease)}.app img{width:clamp(28px,3.4vw,40px);height:auto;filter:grayscale(1);opacity:.45;transition:filter 360ms var(--ease),opacity 360ms var(--ease)}.app-label{max-width:100%;overflow:hidden;color:var(--text-3);font-size:.66rem;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.app:hover{border-color:var(--line-3)}.app:hover img{opacity:.8}.app.is-from,.app.is-to{background:var(--surface-2);transform:translateY(-2px)}.app.is-from{border-color:var(--cyan);box-shadow:0 0 0 4px rgb(var(--accent-rgb)/.08)}.app.is-to{border-color:var(--magenta);box-shadow:0 0 0 4px rgb(var(--magenta-rgb)/.08)}.app::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}.app.is-from::after{border:1px solid var(--cyan);animation:app-ripple 1.6s var(--ease)infinite}@keyframes app-ripple{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.app.is-to.is-hit{animation:app-hit 520ms var(--ease)}@keyframes app-hit{30%{box-shadow:0 0 0 8px rgb(var(--magenta-rgb)/.18);transform:translateY(-2px)scale(1.04)}}.apps-board.has-pair .app:not(.is-from,.is-to){opacity:.45}.apps-board.has-pair .app:not(.is-from,.is-to):hover{opacity:1}@media(prefers-reduced-motion:reduce){.apps-wire.is-drawn .apps-wire-pulse,.app.is-from::after{animation:none}}.app.is-from img,.app.is-to img{filter:none;opacity:1}.app.is-from .app-label,.app.is-to .app-label{color:var(--text)}.apps-story{display:grid;gap:24px}.apps-route{display:flex;align-items:center;gap:14px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.apps-route-from{color:var(--cyan)}.apps-route-to{color:var(--magenta)}.apps-route-arrow{width:40px;height:10px;fill:none;stroke:var(--text-3);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.apps-sentence{min-height:7.5em;color:var(--text);font-size:clamp(1.35rem,1rem + 1.2vw,2rem);font-weight:400;letter-spacing:-.02em;line-height:1.35;text-wrap:pretty;transition:opacity 200ms var(--ease),filter 200ms var(--ease)}.apps-sentence.is-changing{opacity:0;filter:blur(4px)}.apps-sentence mark{background:0 0;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.apps-sentence mark.is-from{text-decoration-color:var(--cyan)}.apps-sentence mark.is-to{text-decoration-color:var(--magenta)}@media(max-width:960px){.apps-stage{grid-template-columns:minmax(0,1fr)}.apps-story{order:-1}.apps-sentence{min-height:5.4em}}.dev-inner{display:grid;grid-template-columns:minmax(0,5fr)minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}.dev-copy{display:grid;gap:24px}:lang(ja) .dev-title,:lang(zh) .dev-title{word-break:keep-all;overflow-wrap:anywhere}.dev-code pre{font-size:clamp(.76rem,.7rem + .2vw,.86rem);white-space:pre;word-break:normal}.dev-code .tok-k{color:#ff9ec4}.dev-code .tok-f{color:#7fd8ff}.dev-code .tok-s{color:#a8e6b8}@media(max-width:960px){.dev-inner{grid-template-columns:minmax(0,1fr)}}.closing{position:relative;display:grid;align-items:center;min-height:min(88vh,880px);border-top:1px solid var(--line)}.closing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--paper-rgb)/.94) 0%,rgb(var(--paper-rgb)/.8) 38%,rgb(var(--paper-rgb)/0) 60%);pointer-events:none}.closing-inner{display:grid;grid-template-columns:minmax(0,40rem);gap:clamp(24px,5vw,72px);padding-block:var(--section-space)}.closing-inner:has(.closing-kana){grid-template-columns:auto minmax(0,40rem)1fr}.closing-kana{margin-top:6px;color:var(--text-3);font-family:var(--font-kana);font-size:1rem;letter-spacing:.55em;writing-mode:vertical-rl}.closing-copy{display:grid;gap:28px}.closing-title{white-space:pre-line}@media(max-width:859px){.closing{align-items:end;min-height:0}.closing::before{background:linear-gradient(180deg,transparent 0,transparent 340px,rgb(var(--paper-rgb)/.9) 420px)}.closing-inner{grid-template-columns:minmax(0,1fr);padding-top:400px}.closing-kana{display:none}}.hero-inner,.hero-copy,.hero-install{grid-template-columns:minmax(0,1fr)}.shell-visual>.shots-dots{top:12px;right:16px;bottom:auto}