:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--page:min(1120px, 100% - 2.5rem);--radius:14px;--radius-lg:22px;--step:clamp(3.5rem, 8vw, 6.5rem);--ease:cubic-bezier(.22, 1, .36, 1);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);letter-spacing:-.011em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.7;overflow-x:hidden}::selection{background:var(--selection);color:var(--fg)}a{color:var(--accent);-webkit-text-decoration-color:rgb(var(--accent-rgb) / .35);text-decoration-color:rgb(var(--accent-rgb) / .35);text-underline-offset:.22em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:680;line-height:1.2}p{text-wrap:pretty;margin:0}img,svg,canvas{max-width:100%;display:block}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}.wrap{width:var(--page);margin-inline:auto}.skip-link{inset-inline-start:1rem;z-index:100;background:var(--surface-2);color:var(--fg);transition:top .2s var(--ease);border-radius:10px;padding:.6rem 1rem;position:absolute;top:-4rem}.skip-link:focus-visible{top:1rem}.site-header{z-index:50;background:rgb(var(--bg-rgb) / .72);-webkit-backdrop-filter:blur(16px)saturate(150%);transition:border-color .25s var(--ease), background .25s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0;transform:translateZ(0)}.site-header[data-scrolled=true]{border-bottom-color:var(--border);background:rgb(var(--bg-rgb) / .9)}.site-header .wrap{align-items:center;gap:1rem;min-height:50px;display:flex}.brand{color:var(--fg);letter-spacing:-.04em;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:30px;height:30px}.site-header .brand-mark{width:23px;height:23px}.site-nav{align-items:center;gap:.35rem;margin-inline-start:auto;display:flex}.site-nav a{color:var(--muted);transition:color .15s var(--ease), background .15s var(--ease);border-radius:8px;padding:.3rem .62rem;font-size:.89rem;text-decoration:none}.site-nav a:hover{color:var(--fg);background:var(--surface)}.site-nav a[aria-current=page]{color:var(--fg);background:var(--surface-2)}.header-actions{align-items:center;gap:.5rem;display:flex}.lang{border:1px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;gap:.15rem;padding:2px;display:flex}.lang-link{color:var(--muted);white-space:nowrap;transition:color .15s var(--ease), background .15s var(--ease);border-radius:7px;padding:.2rem .5rem;font-size:.8rem;line-height:1.35;text-decoration:none}.lang-link:hover{color:var(--fg)}.lang-link[aria-current=page]{color:var(--fg);background:var(--surface-2)}.site-header .nav-toggle{display:none}.btn{border:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;transition:transform .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.05rem;font-size:.94rem;font-weight:560;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 10px 30px -14px rgb(var(--accent-rgb) / .9)}.btn--primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.07);box-shadow:0 16px 40px -16px rgb(var(--accent-rgb) / 1)}.btn--ghost{background:0 0}.btn-mark{fill:currentColor;flex:none;width:15px;height:15px;margin-block-start:-.12em}.btn--small .btn-mark{width:12px;height:12px}.btn--big .btn-mark{width:17px;height:17px}.btn--small{border-radius:8px;padding:.27rem .68rem;font-size:.83rem}.btn--big{border-radius:12px;padding:.7rem 1.5rem;font-size:1rem}.icon-btn{border:1px solid var(--border);background:var(--surface);width:auto;min-height:30px;color:var(--muted);cursor:pointer;font:inherit;transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:0 .55rem;font-size:.86rem;display:inline-flex}.icon-btn:hover{color:var(--fg);background:var(--surface-2);border-color:var(--border-strong)}.hero{isolation:isolate;padding-block:clamp(4rem, 11vw, 8.5rem) var(--step);position:relative;overflow:hidden}.field-canvas{z-index:-3;pointer-events:none;opacity:.9;will-change:opacity;width:100%;height:100%;position:fixed;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 46% at 50% 40%, rgb(var(--bg-rgb) / .94), rgb(var(--bg-rgb) / .55) 68%, transparent 88%), linear-gradient(to bottom, rgb(var(--bg-rgb) / .35), transparent 22%, transparent 62%, var(--bg) 99%);position:absolute;inset:0}.hero .wrap{text-align:center;position:relative}.hero h1{letter-spacing:-.05em;margin-block:0;font-size:clamp(1.85rem,5.6vw,5.6rem);font-weight:760;line-height:1.08}@media (min-width:561px){.hero h1{width:min(1400px,100vw - 2.5rem);margin-inline:calc(50% + min(1400px,100vw - 2.5rem)/-2)}}.hero h1 .glow{background:linear-gradient(100deg, var(--accent), var(--accent-2) 55%, var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}.mobile-break{display:none}.wide-break{display:inline}.hero-sub{max-width:44rem;color:var(--muted);margin-block:1.35rem 0;margin-inline:auto;font-size:clamp(1rem,1.7vw,1.16rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.1rem;display:flex}.hero-hint{color:var(--faint);margin-top:1.5rem;font-size:.83rem}.keys{align-items:center;gap:.28rem;display:inline-flex}kbd{border:1px solid var(--border-strong);background:var(--surface);min-width:1.55em;color:var(--fg);font-family:"key-glyph", var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:6px;padding:.1em .42em;font-size:.78rem;display:inline-block}kbd.sym{-webkit-text-stroke:.5px currentColor;font-size:.85rem}.app-demo{margin-top:clamp(3rem,6vw,4.8rem);border:1px solid var(--border-strong);background:var(--bg);width:min(1320px,100vw - 2.5rem);box-shadow:0 55px 140px -58px rgb(var(--bg-rgb) / 1), 0 0 0 1px rgb(var(--fg-rgb) / .04);text-align:start;border-radius:14px;margin-inline:calc(50% + min(1320px,100vw - 2.5rem)/-2);font-size:clamp(10.5px,1.04vw,15px);line-height:1.5;position:relative;overflow:hidden}.app-demo b,.app-demo strong{font-weight:620}.app-icon{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.app-icon--claude{stroke:none}.app-tool--loose{border:0;border-radius:5px}.app-icon:not(.app-icon--claude){fill:none}.app-icon--chevron{transition:transform .15s var(--ease);transform:rotate(0)}.app-icon--chevron.is-open{transform:rotate(90deg)}.app-replay{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:.2em .6em;font-size:.85em}.app-replay:hover{color:var(--fg);border-color:var(--border-strong)}.app-toolbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.5em;min-width:0;padding:.4em .8em;display:flex}.app-mark{flex:none;width:1.7em;height:1.7em;margin-inline-start:-.26em}.app-gitbar{border:1px solid var(--border);border-radius:6px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.app-seg{min-width:0;color:var(--fg);white-space:nowrap;align-items:center;gap:.45em;padding:.3em .65em;font-size:.92em;display:flex}.app-seg+.app-seg{border-inline-start:1px solid var(--border)}.app-seg small{color:var(--faint)}.app-seg .app-icon{color:var(--muted)}.app-seg b{text-overflow:ellipsis;overflow:hidden}.app-track{font-variant-numeric:tabular-nums}.app-tool-group{border:1px solid var(--border);border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.app-tool{color:var(--muted);align-items:center;padding:.3em .5em;display:inline-flex}.app-tool+.app-tool{border-inline-start:1px solid var(--border)}.app-tool.is-on{color:var(--fg);background:var(--surface-2)}.app-search{border:1px solid var(--border);background:rgb(var(--fg-rgb) / .02);min-width:8em;color:var(--faint);white-space:nowrap;border-radius:6px;flex:1;align-items:center;gap:.45em;padding:.3em .6em;font-size:.92em;display:flex;overflow:hidden}.app-search span{text-overflow:ellipsis;min-width:0;overflow:hidden}.app-search kbd{flex:none;margin-inline-start:auto;font-size:.82em}.app-toolbar-right{color:var(--muted);align-items:center;gap:.35em;display:flex}.app-toolbar-right .app-tool{border:0;border-radius:5px}.app-body{background:var(--bg);grid-template-columns:15.5em minmax(0,1fr) 12.5em;min-height:46em;display:grid}.app-rail{border-inline-end:1px solid var(--border);min-width:0}.app-files{border-inline-start:1px solid var(--border);min-width:0}.app-rail-head{color:var(--faint);justify-content:space-between;align-items:center;padding:.55em .8em;font-size:.88em;display:flex}.app-rail-actions{gap:.5em;display:inline-flex}.app-project{color:var(--fg);align-items:center;gap:.4em;padding:.3em .8em;font-size:.95em;display:flex}.app-project-actions{color:var(--faint);gap:.45em;margin-inline-start:auto;display:inline-flex}.app-cards{flex-direction:column;gap:.45em;margin:0;padding:.2em .6em .6em 1em;list-style:none;display:flex}.app-card{border:1px solid rgb(var(--fg-rgb) / .07);background:rgb(var(--fg-rgb) / .02);border-radius:8px;min-width:0;padding:.55em .7em .5em;display:grid}.app-card.is-active{background:rgb(var(--accent-rgb) / .14);border-color:rgb(var(--accent-rgb) / .55);box-shadow:inset 3px 0 0 var(--accent)}.app-card-branch{min-width:0;color:var(--muted);align-items:center;gap:.4em;font-size:.95em;display:flex}.app-card-branch b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-card.is-active .app-card-branch{color:var(--fg)}.app-tag{border:1px solid var(--border);color:var(--faint);border-radius:4px;flex:none;padding:0 .3em;font-size:.78em;font-style:normal}.app-counts{flex:none;gap:.4em;margin-inline-start:auto;display:flex}.app-count{font-variant-numeric:tabular-nums;font-size:.82em;font-style:normal;font-weight:620}.app-count--modified{color:var(--warn)}.app-count--untracked{color:var(--ok)}.app-count--track{color:var(--fg);font-weight:400}.app-commit-line{min-width:0;color:var(--muted);align-items:baseline;gap:.45em;margin-top:.25em;font-size:.85em;display:flex}.app-sha{font-family:var(--font-mono);opacity:.8;flex:none;font-style:normal}.app-subject{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-style:normal;overflow:hidden}.app-commit-meta{color:var(--faint);margin-top:.15em;font-size:.85em}.app-card-agent{color:var(--muted);align-items:center;gap:.4em;margin-top:.35em;font-size:.85em;display:flex}.app-dot{background:var(--faint);border-radius:50%;flex:none;width:.45em;height:.45em}.app-card-agent .app-dot{background:var(--ok);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1);margin-inline-start:auto}.app-workbench{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.app-tabstrip{background:var(--bg);border-bottom:1px solid var(--border);align-items:stretch;min-width:0;display:flex}.app-tab{border-inline-end:1px solid var(--border);color:var(--muted);white-space:nowrap;align-items:center;gap:.4em;padding:.45em .7em;font-size:.92em;display:flex}.app-tab.is-active{color:var(--fg);background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent)}.app-tab-activity{background:var(--warn);border-radius:50%;width:.45em;height:.45em}.app-demo[data-phase="1"] .app-tab-activity,.app-demo[data-phase="2"] .app-tab-activity{background:var(--accent)}.app-demo[data-ran=true] .app-tab-activity{background:var(--ok)}.app-tab-dirty{background:var(--muted);border-radius:50%;width:.45em;height:.45em}.app-tab-new{color:var(--muted);align-items:center;padding-inline:.6em;display:inline-flex}.app-panes{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-width:0;min-height:0;display:grid}.app-leaf{min-width:0;min-height:0;display:grid;overflow:hidden}.app-leaf--agent{border-inline-end:1px solid var(--border);grid-template-rows:auto auto minmax(0,1fr) auto}.app-leaf--diff{grid-template-rows:auto auto auto auto auto minmax(0,1fr);align-content:start}.app-bottom{border-top:1px solid var(--border);background:var(--bg);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:9.5em;display:grid}.app-leaf--terminal{grid-template-rows:auto minmax(0,1fr)}.app-leaf--services{border-inline-start:1px solid var(--border);grid-template-rows:auto minmax(0,1fr)}.app-service{padding:.35em .55em .5em;display:none;overflow:hidden}.app-demo[data-phase="0"] .app-leaf--services [data-demo-panel=docker],.app-demo[data-phase="1"] .app-leaf--services [data-demo-panel=docker],.app-demo[data-phase="2"] .app-leaf--services [data-demo-panel=build],.app-demo[data-ran=true] .app-leaf--services [data-demo-panel=db]{display:block}.app-demo[data-phase="0"] [data-demo-tab=docker],.app-demo[data-phase="1"] [data-demo-tab=docker],.app-demo[data-phase="2"] [data-demo-tab=build],.app-demo[data-ran=true] [data-demo-tab=db]{color:var(--fg);background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent)}.app-service-group{color:var(--faint);align-items:center;gap:.5em;margin:.35em 0 .15em;padding-inline:.4em;font-size:.8em;display:flex}.app-service-group span{font-family:var(--font-mono);margin-inline-start:auto}.app-service-row{color:var(--muted);border-radius:6px;align-items:center;gap:.45em;min-width:0;padding:.28em .4em;font-size:.85em;display:flex}.app-service-row.is-off{opacity:.55}.app-service-main{min-width:0;display:grid}.app-service-main b{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-service-main small{color:var(--faint);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.app-service-meta{color:var(--faint);flex:none;justify-items:end;margin-inline-start:auto;font-size:.85em;font-style:normal;display:grid}.app-service-meta em{white-space:nowrap;font-style:normal}.app-service-sql{border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin-top:.5em;padding:.35em .5em;font-size:.78em;overflow:hidden}.app-dot--up{background:var(--ok)}.app-dot--bad{background:var(--danger)}.app-pane-head{border-bottom:1px solid var(--border);align-items:center;gap:.45em;padding:.55em .7em;font-size:.92em;display:flex}.app-pane-title{min-width:0;display:grid}.app-pane-title small{color:var(--faint);font-size:.82em}.app-avatar{flex:none;place-items:center;font-size:1.15em;display:grid}.app-run{color:var(--muted);white-space:nowrap;align-items:center;gap:.35em;margin-inline-start:auto;font-size:.85em;display:inline-flex}.app-run i{background:var(--ok);border-radius:50%;width:.45em;height:.45em}.app-demo[data-phase="1"] .app-run i,.app-demo[data-phase="2"] .app-run i{background:var(--accent)}.app-diff-stat{font-family:var(--font-mono);gap:.4em;margin-inline-start:auto;font-size:.85em;font-style:normal;display:inline-flex}.app-added{color:var(--ok);font-style:normal}.app-removed{color:var(--danger);font-style:normal}.app-chat{padding:.7em;font-size:.9em;overflow:hidden}.app-msg{color:var(--muted);gap:.45em;margin-top:.6em;line-height:1.55;display:flex}.app-msg i{background:var(--accent);border-radius:50%;flex:none;width:.35em;height:.35em;margin-top:.55em}.app-msg--you{border:1px solid var(--border);background:var(--surface-2);color:var(--fg);border-radius:9px;margin-top:0;padding:.55em .6em}.app-msg--you span{color:var(--accent);font-family:var(--font-mono);font-weight:700}.app-tool-call{border:1px solid var(--border);color:var(--fg);border-radius:8px;align-items:center;gap:.5em;margin-top:.55em;padding:.4em .5em;display:flex}.app-tool-call small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-tool-call em{color:var(--ok);flex:none;margin-inline-start:auto;font-size:.85em;font-style:normal}.app-chat .demo-message--1,.app-chat .demo-message--2,.app-chat .demo-message--3,.app-chat .demo-message--4,.app-chat .demo-message--5{opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);transform:translateY(5px)}.app-demo[data-phase="1"] .demo-message--1,.app-demo[data-phase="1"] .demo-message--2,.app-demo[data-phase="2"] .demo-message--1,.app-demo[data-phase="2"] .demo-message--2,.app-demo[data-phase="2"] .demo-message--3,.app-demo[data-ran=true] .app-chat>*{opacity:1;transform:none}.app-composer{border:1px solid var(--border-strong);color:var(--faint);border-radius:8px;justify-content:space-between;align-items:center;gap:.5em;margin:.55em;padding:.45em .6em;font-size:.85em;display:flex}.app-composer kbd{font-size:.78em}.app-file{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);align-items:center;gap:.4em;padding:.4em .7em;font-size:.82em;display:flex}.app-file b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.app-file-stat{flex:none;gap:.4em;margin-inline-start:auto;display:inline-flex}.app-code{color:var(--muted);white-space:pre;margin:0;padding:.55em .7em;font-size:.82em;line-height:1.8;overflow:hidden}.app-code .add{color:var(--ok)}.app-code .del{color:var(--danger)}.app-code .key{color:var(--accent-2)}.app-code .fn{color:var(--accent)}.app-code .dim{color:var(--faint)}.demo-diff{opacity:.28;transition:opacity .55s var(--ease)}.app-demo[data-phase="2"] .demo-diff,.app-demo[data-ran=true] .demo-diff{opacity:1}.demo-test-result{opacity:0;transition:opacity .4s var(--ease)}.app-demo[data-ran=true] .demo-test-result{opacity:1}.demo-caret{color:var(--accent);animation:.9s step-end infinite demo-blink}[data-demo-type][data-typing]+.demo-caret--cmd,.app-demo[data-ran=true] .demo-caret--cmd{display:none}.demo-caret--cmd,.demo-caret--done{margin-inline-start:.1em}.demo-done-prompt{display:none}.app-demo[data-ran=true] .demo-done-prompt{display:inline}.app-overlay{z-index:4;background:rgb(var(--bg-rgb) / .62);justify-content:center;align-items:flex-start;padding:4.5em 1em 1em;display:none;position:absolute;inset:0}.app-demo[data-phase="4"] [data-demo-overlay="4"],.app-demo[data-phase="5"] [data-demo-overlay="5"],.app-demo[data-phase="6"] [data-demo-overlay="6"]{display:flex}.app-palette,.app-dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(32em,80%);max-height:100%;box-shadow:0 30px 70px -34px rgb(var(--bg-rgb) / 1);animation:scene-in .3s var(--ease) backwards;border-radius:10px;overflow:hidden}.app-palette-fields{border-bottom:1px solid var(--border);align-items:center;gap:.5em;padding:.5em .6em;display:flex}.app-palette-input{border:1px solid var(--border-strong);min-width:0;color:var(--fg);border-radius:6px;flex:1;padding:.3em .5em;font-size:.9em}.app-palette-options{flex:none;gap:.35em;display:flex}.app-palette-option{border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:.3em;padding:.25em .5em;font-size:.82em;display:inline-flex}.app-palette-list{margin:0;padding:.25em;list-style:none}.app-palette-list li{border-radius:6px;align-items:center;gap:.45em;padding:.3em .45em;font-size:.88em;display:flex}.app-palette-name{color:var(--fg);font-weight:500}.app-palette-path{color:var(--faint);font-size:.86em}.app-palette-list li.is-at,.app-settings-rail .is-at{background:rgb(var(--accent-rgb) / .09);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35)}.app-palette-foot{border-top:1px solid var(--border);color:var(--faint);align-items:center;gap:.6em;margin:0;padding:.4em .6em;font-size:.8em;display:flex}.app-palette-actions{align-items:center;gap:.6em;margin-inline-start:auto;display:flex}.app-palette-actions em{font-style:normal}.app-palette-actions span{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.2em .55em}.app-dialog-head{border-bottom:1px solid var(--border);color:var(--fg);align-items:center;gap:.5em;margin:0;padding:.5em .7em;font-size:.92em;display:flex}.app-dialog-close{color:var(--faint);margin-inline-start:auto}.app-dialog--panes{width:min(40em,88%)}.app-dialog-body{padding:.6em .7em .2em}.app-modes{color:var(--muted);gap:1em;margin:0 0 .7em;font-size:.85em;display:flex}.app-modes span{align-items:center;gap:.35em;display:inline-flex}.app-modes i{border:1px solid var(--border-strong);border-radius:50%;width:.7em;height:.7em}.app-modes .is-on{color:var(--fg)}.app-modes .is-on i{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.app-dialog-field-row{color:var(--faint);align-items:center;gap:.6em;margin:0;font-size:.85em;display:flex}.app-dialog-field-row label{flex:none;width:5.5em}.app-dialog-field{border:1px solid var(--border-strong);min-width:0;color:var(--fg);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:.3em .5em;overflow:hidden}.app-dialog-note{color:var(--faint);margin:.35em 0 .8em 6.1em;font-size:.78em;line-height:1.45}.app-dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5em;margin:0;padding:.55em .7em;font-size:.85em;display:flex}.app-dialog-actions span{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.25em .7em}.app-dialog-actions .is-primary{border-color:var(--accent);color:var(--accent)}.app-settings-head{border-bottom:1px solid var(--border);align-items:center;gap:.5em;margin:0;padding:.5em .7em;display:flex}.app-settings-head .app-field{flex:1}.app-settings-chip{border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:.35em;padding:.2em .5em;font-size:.8em;display:inline-flex}.app-settings-chip em,.app-settings-rail em{color:var(--faint);font-style:normal}.app-settings-body{grid-template-columns:8.5em minmax(0,1fr);display:grid}.app-settings-rail{border-inline-end:1px solid var(--border);flex-direction:column;gap:.1em;padding:.35em;font-size:.84em;display:flex}.app-settings-rail span{color:var(--muted);border-radius:6px;gap:.4em;padding:.28em .45em;display:flex}.app-settings-rail em{margin-inline-start:auto}.app-settings-list{padding:.45em .7em}.app-setting{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.2em .8em;padding:.5em 0;display:grid}.app-setting:last-child{border-bottom:0}.app-setting-title{color:var(--fg);font-size:.88em}.app-setting-desc,.app-setting-source{color:var(--faint);grid-column:1;margin:0;font-size:.78em;line-height:1.45}.app-setting-source span{color:var(--accent);margin-inline-start:.5em}.app-setting.is-modified .app-setting-title:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:.4em;height:.4em;margin-inline-end:.4em;display:inline-block}.app-select{border:1px solid var(--border-strong);color:var(--fg);border-radius:6px;grid-area:1/2/span 3;padding:.25em .6em;font-size:.82em}[data-demo-born]{display:none}.app-demo[data-phase="7"] .app-card[data-demo-born]{animation:scene-in .4s var(--ease) backwards;display:grid}[data-demo-type][data-typing]:after{content:"▋";color:var(--accent);margin-inline-start:.1em;animation:.9s step-end infinite demo-blink}.app-tree{margin:0;padding:0 .3em .6em;list-style:none}.app-tree-row{color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:.35em;padding:.22em .5em;font-size:.88em;display:flex}.app-tree-row span:not([class]){text-overflow:ellipsis;overflow:hidden}.app-tree-row.is-nested{padding-inline-start:1.3em}.app-tree-row.is-nested-2{padding-inline-start:2.4em}.app-tree-row.is-current{background:var(--surface-2);color:var(--fg)}.app-tree-row.is-ignored{opacity:.45}.app-folder{color:var(--accent)}.app-file-icon{color:var(--muted);margin-inline-start:1.5em}.app-tree-row.is-nested .app-file-icon,.app-tree-row.is-nested-2 .app-file-icon{margin-inline-start:0}.app-file-icon.is-code{color:var(--accent-2)}.app-file-icon.is-doc{color:var(--accent-3)}.app-file-icon.is-config{color:var(--ok)}.app-mark-m{color:var(--warn);flex:none;margin-inline-start:auto;font-size:.82em;font-style:normal;font-weight:620}.app-statusbar{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);align-items:center;gap:1.1em;padding:.25em .8em;font-size:.82em;display:flex;overflow:hidden}.app-stat{white-space:nowrap;flex:none;align-items:center;gap:.35em;display:inline-flex}.app-stat--memory .app-icon{color:var(--accent)}.app-stat--terminals .app-icon{color:var(--ok)}.app-stat--buffer .app-icon{color:var(--accent-3)}.app-stat--watching .app-icon{color:var(--accent-2)}.app-stat--start .app-icon{color:var(--warn)}.app-stat--switch .app-icon{color:var(--danger)}.app-statusbar-right{align-items:center;gap:1em;margin-inline-start:auto;display:inline-flex}@keyframes demo-blink{50%{opacity:0}}.section{padding-block:var(--step)}.section--tight{padding-block:calc(var(--step) * .6)}.section-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}.section-head.center{text-align:center;margin-inline:auto}.section-head--flush{margin-bottom:0}.section-head p{color:var(--muted);margin-top:.9rem;font-size:1.03rem}.tag{color:var(--faint);font-family:var(--font-mono);letter-spacing:.02em;margin-bottom:.7rem;font-size:.76rem;display:inline-block}.section-head .tag,.get .tag{margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.grid--single{grid-template-columns:minmax(0,1fr)}.note{color:var(--muted);margin-top:1.2rem}.bento{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:900px){.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.bento-cell:first-child,.bento-cell:nth-child(4){grid-column:span 8}.bento-cell:nth-child(2),.bento-cell:nth-child(3){grid-column:span 4}.bento-cell:nth-child(5),.bento-cell:nth-child(6){grid-column:span 6}.bento-cell:nth-child(7),.bento-cell:nth-child(8),.bento-cell:nth-child(9){grid-column:span 4}.bento-cell:nth-child(10){grid-column:span 12}}.bento-cell{background:var(--bg);transition:background .2s var(--ease);align-content:start;gap:.5rem;padding:1.6rem 1.7rem 1.8rem;display:grid;position:relative}.bento-cell:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / .6), transparent);opacity:0;height:1px;transition:opacity .2s var(--ease);position:absolute;top:0}.bento-cell:hover{background:var(--surface)}.bento-cell:hover:before{opacity:1}.bento-head{align-items:center;gap:.65rem;display:flex}.bento-icon{border:1px solid var(--border);background:rgb(var(--accent-rgb) / .1);width:34px;height:34px;color:var(--accent);transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border-radius:10px;flex:none;place-items:center;display:grid}.bento-icon svg,.ledger-icon svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.bento-cell:hover .bento-icon{background:rgb(var(--accent-rgb) / .2);border-color:rgb(var(--accent-rgb) / .4);transform:translateY(-1px)}.bento-no{color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;font-size:.76rem}.bento-cell h3{letter-spacing:-.02em;font-size:1.08rem}.bento-cell p{color:var(--muted);max-width:42rem;font-size:.95rem}.bento-cell strong{color:var(--fg);font-weight:620}.bento-cell code{background:var(--surface-2);color:var(--fg);border-radius:5px;padding:.1em .35em}.bento-keys{gap:.25rem;margin-top:.2rem;display:flex}.versus{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.versus table{border-collapse:collapse;text-align:start;width:100%;min-width:34rem}.versus th,.versus td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.95rem 1.3rem}.versus tbody tr:last-child th,.versus tbody tr:last-child td{border-bottom:0}.versus thead th{color:var(--faint);text-align:start;background:var(--surface);font-size:.82rem;font-weight:560}.versus tbody th{color:var(--fg);text-align:start;font-size:.95rem;font-weight:560}.versus td{text-align:center;width:8.5rem}.versus th:last-child,.versus td:last-child{width:11rem}.versus th:nth-child(2),.versus td:nth-child(2){background:rgb(var(--accent-rgb) / .06)}.mark{border-radius:999px;justify-content:center;align-items:center;min-width:1.6rem;padding:.1rem .5rem;font-size:.82rem;font-style:normal;line-height:1.6;display:inline-flex}.mark--yes{background:rgb(var(--accent-rgb) / .16);color:var(--accent);font-weight:640}.mark--fact{background:rgb(var(--accent-rgb) / .16);color:var(--accent);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.mark--part{color:var(--muted);background:var(--surface-2)}.mark--no{color:var(--faint)}.flow{counter-reset:step;border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.flow li{counter-increment:step;border-bottom:1px solid var(--border);grid-template-columns:2.5rem minmax(0,1fr);gap:.3rem 1.6rem;padding-block:1.35rem;display:grid}.flow li:before{content:counter(step, decimal-leading-zero);color:var(--faint);font-family:var(--font-mono);grid-row:1/span 2;font-size:.9rem}@media (min-width:900px){.flow{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2rem;display:grid}.flow li{border-bottom:0;grid-template-columns:minmax(0,1fr);align-content:start;gap:.35rem;padding-block:1.5rem 1.9rem}.flow li:before{color:var(--accent);grid-row:auto;margin-bottom:.35rem}}.flow h3{font-size:1.02rem}.flow p{color:var(--muted);max-width:44rem;font-size:.95rem}.aside-note{border-inline-start:2px solid var(--accent);color:var(--muted);max-width:46rem;margin-top:1.4rem;padding-inline-start:1.2rem}.aside-note strong{color:var(--fg)}.get{text-align:center;padding-block:clamp(2.5rem,6vw,4rem)}.get .tag{display:block}.get-sub{max-width:34rem;color:var(--muted);margin:1rem auto 0;font-size:1.03rem}.get-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.9rem;display:flex}.get-note{color:var(--faint);margin-top:1.2rem;font-size:.88rem}.scene-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.8rem,4vw,3.5rem);display:grid}@media (min-width:900px){.scene-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.scene--flip .scene-say{order:2}}.scene-say h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}.scene-say>p{color:var(--muted);margin-top:1rem;font-size:1.02rem}.scene-say strong{color:var(--fg);font-weight:620}.scene-say code{background:var(--surface-2);color:var(--fg);border-radius:5px;padding:.1em .35em}.scene-notes{gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.scene-notes li{color:var(--muted);padding-inline-start:1.1rem;font-size:.92rem;position:relative}.scene-notes li:before{content:"";inset-inline-start:0;background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.72em}.scene-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 30px 70px -50px rgb(var(--bg-rgb) / 1);padding:clamp(.9rem,2vw,1.3rem)}.mock-head{border-bottom:1px solid var(--border);color:var(--fg);align-items:center;gap:.55rem;margin-bottom:.85rem;padding:0 .35rem .75rem;font-size:.88rem;font-weight:600;display:flex}.mock-head em{color:var(--faint);font-family:var(--font-mono);margin-inline-start:auto;font-size:.76rem;font-style:normal}.mock-stat{font-family:var(--font-mono);gap:.5rem;margin-inline-start:auto;font-size:.78rem;display:flex}.mock-add{color:var(--ok)}.mock-del{color:var(--danger)}.mock-dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.mock-dot--idle{background:var(--faint)}.mock-rows{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.mock-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.9rem;display:flex}.mock-row b{font-weight:600}.mock-row span{color:var(--muted);font-size:.84rem}.mock-row em{color:var(--faint);font-family:var(--font-mono);margin-inline-start:auto;font-size:.78rem;font-style:normal}.mock-row--new{color:var(--muted);border-style:dashed}.mock-plus{color:var(--accent);font-style:normal}.mock-row--born{border-color:rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .08)}.mock-live{align-items:center;gap:.4rem;display:inline-flex}.mock-chat{gap:.5rem;display:grid}.mock-msg{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:10px;padding:.6rem .85rem .6rem 2rem;font-size:.9rem;position:relative}.mock-msg i{inset-inline-start:.9rem;background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:1.05rem}.mock-msg--you{background:var(--surface-2);color:var(--fg);padding-inline-start:.85rem}.mock-msg--you span{color:var(--accent)}.mock-msg--tool{font-family:var(--font-mono);align-items:center;gap:.6rem;padding-inline-start:.85rem;font-size:.8rem;display:flex}.mock-msg--tool small{color:var(--faint)}.mock-msg--tool em{color:var(--ok);margin-inline-start:auto;font-style:normal}.mock-file{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);border-radius:10px 10px 0 0;padding:.5rem .85rem;font-size:.8rem}.mock-code,.mock-term{border:1px solid var(--border);background:var(--bg);white-space:normal;margin:0;padding:.8rem 1rem;font-size:.81rem;line-height:1.75;overflow-x:auto}.mock-code{border-top:0;border-radius:0 0 10px 10px}.mock-term{border-radius:10px;margin-top:.6rem}.mock-l{white-space:pre;display:block}.mock-l.add{color:var(--ok)}.mock-l.del{color:var(--danger)}.mock-l.dim,.mock-l i.dim{color:var(--faint);font-style:normal}.mock-caret{color:var(--accent);animation:1s step-end infinite demo-blink}.panels-say{color:var(--muted);margin-bottom:clamp(1.2rem,2.5vw,1.8rem);font-size:1rem}.panels{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:900px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}.app-demo--wide{grid-column:1/-1}}.app-demo--sub{border-color:var(--border);width:auto;box-shadow:0 24px 60px -50px rgb(var(--bg-rgb) / 1);border-radius:12px;margin:0;font-size:clamp(11px,.82vw,13.5px)}.app-demo--sub .app-leaf{grid-template-rows:auto auto 1fr auto;min-height:15em}.app-demo--sub .app-service{padding:.45em .6em .6em;display:block}.app-demo--sub .app-composer{margin-top:auto}.app-demo--sub .app-service--split{grid-template-columns:minmax(0,1fr);gap:.6em;display:grid}@media (min-width:620px){.app-demo--sub .app-service--split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}.app-peek{border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.app-peek .app-file{border-bottom:1px solid var(--border);background:var(--surface)}.app-peek .app-code{border:0}.app-history-row{border-radius:6px;align-items:center;gap:.5em;min-width:0;padding:0 .35em;font-size:.85em;display:flex}.app-lanes{flex:none;width:2.1em;height:1.9em;overflow:visible}.app-lanes line,.app-lanes path{fill:none;stroke:rgb(var(--accent-rgb) / .55);stroke-width:1.4px;stroke-linecap:round}.app-lanes circle{fill:var(--bg);stroke:var(--accent);stroke-width:1.6px}.app-lanes circle.is-head{fill:var(--accent)}.app-history-row .app-sha{color:var(--faint);font-family:var(--font-mono);flex:none;font-size:.85em;font-style:normal}.app-ref{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;flex:none;padding:.05em .4em;font-size:.78em;font-style:normal}.app-ref--head{border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .14);color:var(--accent)}.app-history-row .app-subject{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-history-row .app-author{color:var(--faint);flex:none;font-size:.85em}.app-field{border:1px solid var(--border);background:rgb(var(--fg-rgb) / .02);min-width:0;color:var(--faint);border-radius:6px;align-items:center;gap:.4em;margin-inline-start:auto;padding:.2em .5em;font-size:.82em;display:flex}.app-linkbtn{color:var(--accent);flex:none;align-items:center;gap:.3em;font-size:.82em;display:inline-flex}.app-field+.app-linkbtn{margin-inline-start:.15em}.app-work-group{color:var(--faint);margin:.5em 0 .25em;padding-inline:.4em;font-size:.8em;font-weight:500}.app-work-group em{font-family:var(--font-mono);font-style:normal}.app-work-list{margin:0;padding:0;list-style:none}.app-work-row{border-radius:6px;align-items:start;gap:.5em;min-width:0;padding:.4em .45em;display:flex}.app-work-row.is-current{background:rgb(var(--accent-rgb) / .09);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35)}.app-work-row.is-off{opacity:.5}.app-work-mark{width:1.15em;height:1.15em;color:var(--muted);flex:none;place-items:center;margin-top:.2em;display:grid}.app-work-mark svg{width:100%;height:100%}.app-work-main{flex:1;gap:.15em;min-width:0;display:grid}.app-work-line{align-items:center;gap:.4em;min-width:0;display:flex}.app-work-kind{color:var(--faint);flex:none}.app-work-id{color:var(--faint);font-family:var(--font-mono);flex:none;font-size:.82em;font-weight:500}.app-work-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9em;overflow:hidden}.app-work-state{color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;flex:none;padding:.05em .5em;font-size:.72em;font-style:normal}.app-work-state--jira{letter-spacing:.02em;border-radius:3px;font-weight:600}.app-work-state[data-tone=progress]{background:rgb(var(--accent-rgb) / .2);color:var(--accent)}.app-work-state[data-tone=review]{background:rgb(var(--accent-3-rgb) / .18);color:var(--accent-3)}.app-work-state[data-tone=done]{color:var(--ok)}.app-work-meta{min-width:0;color:var(--faint);white-space:nowrap;align-items:center;gap:.45em;font-size:.76em;display:flex;overflow:hidden}.app-work-space{border:1px solid var(--border);border-radius:4px;padding:.02em .3em}.app-work-label{background:var(--surface-2);border-radius:4px;padding:.02em .3em}.app-work-when{flex:none}.app-work-actions{color:var(--accent);flex:none;gap:.5em;margin-top:.15em;font-size:.78em;display:flex}.app-work-actions .is-on{text-underline-offset:.25em;text-decoration:underline}.app-viewtoggle{border:1px solid var(--border);border-radius:7px;gap:.15em;margin-inline-start:auto;padding:.1em;font-size:.8em;display:flex}.app-viewtoggle span{color:var(--faint);border-radius:5px;padding:.1em .5em}.app-demo--sub[data-step="0"] .app-viewtoggle [data-on=list],.app-demo--sub[data-step="1"] .app-viewtoggle [data-on=list],.app-demo--sub[data-step="2"] .app-viewtoggle [data-on=board]{background:var(--surface-2);color:var(--fg);font-weight:600}.app-service.app-views,.app-views{display:grid}.app-views>[data-view]{grid-area:1/1}.app-demo--sub [data-view]{visibility:hidden}.app-demo--sub[data-step="0"] [data-view=list],.app-demo--sub[data-step="1"] [data-view=list],.app-demo--sub[data-step="2"] [data-view=board]{visibility:visible}.app-work-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;display:grid}.app-work-lane{border:1px solid var(--border);background:rgb(var(--fg-rgb) / .02);border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:.4em;display:grid}.app-work-lane h3{color:var(--faint);margin:0 0 .4em;padding-inline:.2em;font-size:.78em;font-weight:500}.app-work-lane h3 em{font-family:var(--font-mono);font-style:normal}.app-work-lane ul{align-content:start;gap:.4em;margin:0;padding:0;list-style:none;display:grid}.app-work-card{border:1px solid var(--border);background:var(--bg);border-radius:7px;gap:.25em;min-width:0;padding:.45em .55em;display:grid}.app-work-card.is-current{border-color:rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .08)}.app-work-card-line{align-items:center;gap:.35em;display:flex}.app-work-card-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.app-work-card-foot{color:var(--faint);white-space:nowrap;align-items:center;gap:.35em;font-size:.72em;display:flex;overflow:hidden}.app-work-waiting{background:rgb(var(--accent-3-rgb) / .18);color:var(--accent-3);border-radius:4px;padding:.02em .3em}.app-grid{border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.app-grid table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.78em}.app-grid th,.app-grid td{border-bottom:1px solid var(--border);text-align:start;white-space:nowrap;padding:.3em .55em}.app-grid thead th{background:var(--surface);color:var(--faint);font-weight:500}.app-grid td{color:var(--muted)}.app-grid tbody tr:last-child td{border-bottom:0}.app-pk{background:rgb(var(--accent-rgb) / .18);color:var(--accent);border-radius:3px;margin-inline-start:.3em;padding:0 .25em;font-size:.85em;font-style:normal}.app-null{color:var(--faint);font-style:italic}.app-grid tr.is-editing td{background:rgb(var(--accent-rgb) / .07)}.app-cell-edit{color:var(--fg);box-shadow:inset 0 0 0 1px var(--accent);border-radius:4px}.app-grid-foot{border-top:1px solid var(--border);background:var(--surface);color:var(--faint);align-items:center;gap:.6em;padding:.35em .55em;font-size:.76em;display:flex}.app-grid-foot em{color:var(--accent);margin-inline-start:auto;font-style:normal}.app-service-row>.app-dot{align-self:start;margin-top:.45em}.app-grid-head{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.5em;padding:.35em .55em;font-size:.85em;display:flex}.app-grid-actions{color:var(--accent);align-items:center;gap:.55em;margin-inline-start:auto;font-size:.9em;display:flex}.app-grid-actions .is-primary{background:var(--accent);color:var(--accent-fg);border-radius:5px;padding:.05em .45em;font-weight:600}.app-where{border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:center;gap:.5em;padding:.3em .55em;font-size:.76em;display:flex}.app-where label{color:var(--faint)}.app-where span{border:1px solid var(--border);min-width:0;color:var(--muted);border-radius:5px;flex:1;padding:.1em .4em}.app-demo--sub [data-show]{display:none}.app-demo--sub[data-step="0"] [data-show="0"],.app-demo--sub[data-step="1"] [data-show="1"],.app-demo--sub[data-step="2"] [data-show="2"]{display:inline}.app-demo--sub pre.app-code:has(>[data-show]){display:grid}.app-demo--sub pre.app-code>[data-show]{visibility:hidden;grid-area:1/1;display:block}.app-demo--sub[data-step="0"] pre [data-show="0"],.app-demo--sub[data-step="1"] pre [data-show="1"],.app-demo--sub[data-step="2"] pre [data-show="2"]{visibility:visible;display:block}.app-demo--sub[data-step="0"] [data-at="0"],.app-demo--sub[data-step="1"] [data-at="1"],.app-demo--sub[data-step="2"] [data-at="2"]{background:rgb(var(--accent-rgb) / .09);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35)}.app-demo--sub [data-at]{transition:background .25s var(--ease), box-shadow .25s var(--ease)}.app-demo--sub [data-wakes]{opacity:.55;transition:opacity .3s var(--ease)}.app-demo--sub[data-step="2"] [data-wakes]{opacity:1}.app-demo--sub[data-step="1"] [data-wakes] .app-dot{background:var(--warn)}.app-demo--sub[data-step="2"] [data-wakes] .app-dot{background:var(--ok)}.app-demo--sub[data-step="1"] [data-editing] .app-cell-edit{box-shadow:none;color:var(--muted)}.app-demo--sub[data-step="1"] .app-grid-foot em{color:var(--ok)}.app-mark-u{color:var(--ok);font-family:var(--font-mono);flex:none;font-size:.8em;font-style:normal}@keyframes scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scene[data-play=true] .mock-row,.scene[data-play=true] .mock-msg,.scene[data-play=true] .mock-l,.scene[data-play=true] .mock-file{animation:scene-in .5s var(--ease) backwards}.scene[data-play=true] .mock-row:first-child,.scene[data-play=true] .mock-msg:first-child,.scene[data-play=true] .mock-l:first-child{animation-delay:.1s}.scene[data-play=true] .mock-row:nth-child(2),.scene[data-play=true] .mock-msg:nth-child(2),.scene[data-play=true] .mock-l:nth-child(2){animation-delay:.3s}.scene[data-play=true] .mock-row:nth-child(3),.scene[data-play=true] .mock-msg:nth-child(3),.scene[data-play=true] .mock-l:nth-child(3){animation-delay:.5s}.scene[data-play=true] .mock-row:nth-child(4),.scene[data-play=true] .mock-msg:nth-child(4),.scene[data-play=true] .mock-l:nth-child(4){animation-delay:.7s}.scene[data-play=true] .mock-msg:nth-child(5),.scene[data-play=true] .mock-l:nth-child(5){animation-delay:.9s}.scene[data-play=true] .mock-msg:nth-child(6),.scene[data-play=true] .mock-l:nth-child(6){animation-delay:1.1s}.scene[data-play=true] .mock-row--new{animation:scene-in .5s var(--ease) backwards, scene-press .5s var(--ease) 1s}@keyframes scene-press{50%{border-color:rgb(var(--accent-rgb) / .6);background:rgb(var(--accent-rgb) / .1);transform:scale(.99)}}.scene[data-play=true] .mock-row--born{animation:scene-in .55s var(--ease) 1.35s backwards}.scene[data-play=true] .mock-head .mock-dot{animation:scene-wake 2.4s var(--ease) backwards}@keyframes scene-wake{0%,60%{background:var(--faint)}to{background:var(--ok)}}.scene[data-play=true] .mock-typed{white-space:nowrap;vertical-align:bottom;animation:1.1s steps(18,end) .5s backwards scene-type;display:inline-block;overflow:hidden}@keyframes scene-type{0%{max-width:0}to{max-width:22em}}.scene[data-play=true] .mock-l--late{animation:scene-in .4s var(--ease) 1.8s backwards}.scene[data-play=true] .app-service-row,.scene[data-play=true] .app-service-group,.scene[data-play=true] .app-service-sql{animation:scene-in .45s var(--ease) backwards}.scene[data-play=true] .app-service>:first-child{animation-delay:60ms}.scene[data-play=true] .app-service>:nth-child(2){animation-delay:.14s}.scene[data-play=true] .app-service>:nth-child(3){animation-delay:.22s}.scene[data-play=true] .app-service>:nth-child(4){animation-delay:.3s}.scene[data-play=true] .app-service>:nth-child(5){animation-delay:.38s}.scene[data-play=true] .app-service>:nth-child(6){animation-delay:.46s}.scene[data-play=true] .app-service>:nth-child(7){animation-delay:.54s}.section{isolation:isolate;--field-a:var(--plate-rgb);--field-b:var(--plate-rgb);--field-x:82%;--field-y:6%;--field-lines:transparent;position:relative}.section:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom, var(--field-lines) 0 1px, transparent 1px 96px), radial-gradient(46% 52% at var(--field-x) var(--field-y), rgb(var(--field-a) / .9), transparent 66%), radial-gradient(40% 48% at calc(100% - var(--field-x)) calc(100% - var(--field-y)), rgb(var(--field-b) / .65), transparent 64%), linear-gradient(90deg, rgb(var(--bg-rgb) / .75), transparent 24%, transparent 76%, rgb(var(--bg-rgb) / .75));-webkit-mask-image:linear-gradient(to bottom, transparent, rgb(var(--fg-rgb) / 1) 14%, rgb(var(--fg-rgb) / 1) 86%, transparent);mask-image:linear-gradient(to bottom, transparent, rgb(var(--fg-rgb) / 1) 14%, rgb(var(--fg-rgb) / 1) 86%, transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, rgb(var(--fg-rgb) / 1) 14%, rgb(var(--fg-rgb) / 1) 86%, transparent);position:absolute;inset:0}.section+.section:after{content:"";inset-inline:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg, transparent, rgb(var(--fg-rgb) / .11) 26%, rgb(var(--fg-rgb) / .11) 74%, transparent);height:1px;position:absolute;top:0}#scene-worktree{--field-x:84%;--field-y:2%}#scene-agent{--field-x:12%;--field-y:94%}#scene-review{--field-x:88%;--field-y:92%}#features{--field-x:90%;--field-y:8%}#versus{--field-x:6%;--field-y:44%}#flow{--field-x:50%;--field-y:0%;--field-lines:rgb(var(--fg-rgb) / .04)}#local{--field-x:50%;--field-y:100%}#get{--field-x:50%;--field-y:-6%}@media (prefers-reduced-motion:no-preference) and (min-width:900px){.section:before{background-attachment:local,fixed,fixed,fixed}}body:after{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:var(--grain);background-size:180px 180px;position:fixed;inset:0}.section--plate{background:rgb(var(--plate-rgb) / .55)}.section--plate:before{background:var(--grain);opacity:.05;background-size:180px 180px;-webkit-mask-image:none;mask-image:none}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease), background .2s var(--ease);padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / .55), transparent);opacity:0;height:1px;transition:opacity .2s var(--ease);position:absolute;top:0}.card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.card:hover:before{opacity:1}.card h3{margin-bottom:.55rem;font-size:1.06rem}.card p{color:var(--muted);font-size:.94rem}.card-icon{border:1px solid var(--border);background:rgb(var(--accent-rgb) / .1);width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;margin-bottom:1rem;display:grid}.card-icon svg{width:19px;height:19px}.steps{border-radius:var(--radius);border:1px solid var(--border);background:var(--border);gap:1px;display:grid;overflow:hidden}.step{background:var(--bg);grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 1.5rem;display:grid}.step-no{font-family:var(--font-mono);color:var(--accent);font-size:.95rem}.step h3{margin-bottom:.4rem;font-size:1.02rem}.step p{color:var(--muted);font-size:.94rem}.ledger{border-block:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.ledger li{gap:.15rem;padding:1.15rem 1.4rem 1.15rem 0;display:grid}.ledger li+li{border-inline-start:1px solid var(--border);padding-inline-start:1.4rem}.ledger-icon{color:var(--accent);margin-bottom:.35rem;display:block}.ledger b{letter-spacing:-.02em;font-size:1.02rem;font-weight:620}.ledger span{color:var(--muted);font-size:.88rem}.callout{border-radius:var(--radius);border:1px solid var(--border);border-inline-start:3px solid var(--accent);background:var(--surface);color:var(--muted);padding:1.4rem 1.5rem}.callout strong{color:var(--fg)}.callout p+p{margin-top:.9rem}.cta{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:radial-gradient(120% 140% at 0% 0%, rgb(var(--accent-rgb) / .14), transparent 60%), var(--surface);text-align:center;padding:clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden}.cta h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}.cta p{max-width:34rem;color:var(--muted);margin:.9rem auto 1.8rem}.cta .hero-actions{margin-top:0}.command{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;padding:.85rem .9rem .85rem 1.05rem;display:flex;position:relative;overflow-x:auto}.command pre{min-width:0;color:var(--fg);white-space:pre;flex:1;margin:0;font-size:.85rem}.command .prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.page-head{padding-block:clamp(3rem,7vw,5rem) 0}.page-head h1{letter-spacing:-.045em;animation:hero-rise 1s var(--ease) backwards;font-size:clamp(2.2rem,5.6vw,4rem)}.page-head h1+p{animation:hero-rise 1s var(--ease) .14s backwards}.page-head p{max-width:44rem;color:var(--muted);margin-top:1rem}.meta{color:var(--faint);font-size:.85rem;font-family:var(--font-mono);margin-top:1.2rem}.doc-window{margin-block:clamp(2rem, 5vw, 3rem) var(--step);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);box-shadow:0 40px 100px -60px rgb(var(--bg-rgb) / 1), 0 0 0 1px rgb(var(--fg-rgb) / .04)}.doc-bar{border-bottom:1px solid var(--border);border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;background:var(--surface);min-height:40px;color:var(--faint);font-family:var(--font-mono);align-items:center;gap:.7rem;padding:.3rem .85rem;font-size:.76rem;display:flex}.doc-lights{flex:none;gap:6px;display:inline-flex}.doc-lights i{opacity:.75;background:currentColor;border-radius:50%;width:9px;height:9px}.doc-lights i:first-child{color:var(--danger)}.doc-lights i:nth-child(2){color:var(--warn)}.doc-lights i:nth-child(3){color:var(--ok)}.doc-path{align-items:baseline;gap:.4rem;min-width:0;display:inline-flex}.doc-path b{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.doc-when{flex:none;margin-inline-start:auto}.doc{grid-template-columns:minmax(0,1fr);display:grid}.doc--toc{grid-template-columns:238px minmax(0,1fr);position:relative}.doc--toc:before{content:"";background:var(--border);width:1px;position:absolute;inset-block:0;inset-inline-start:238px}.toc{counter-reset:toc;align-self:start;gap:1px;padding:.9rem .7rem 1.2rem;font-size:.86rem;display:grid;position:sticky;top:74px}.toc strong{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.5rem;padding-inline:.55rem;font-size:.7rem;font-weight:600}.toc a{color:var(--muted);border-inline-start:2px solid #0000;border-radius:7px;grid-template-columns:1.8em minmax(0,1fr);align-items:baseline;gap:.15rem;padding:.34rem .5rem;text-decoration:none;display:grid}.toc a:before{counter-increment:toc;content:counter(toc, decimal-leading-zero);color:var(--faint);font-family:var(--font-mono);font-size:.74rem}.toc a:hover{color:var(--fg);background:var(--surface)}.toc a[aria-current=true]{color:var(--fg);background:var(--surface-2);border-inline-start-color:var(--accent)}.toc a[aria-current=true]:before{color:var(--accent)}.prose{counter-reset:section;max-width:46rem;padding:clamp(1.5rem,3vw,2.3rem) clamp(1.1rem,3vw,2.2rem) clamp(2rem,4vw,3rem)}.prose>*+*{margin-top:1.15rem}.prose h2{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.7rem;margin-top:2.8rem;padding-top:1.5rem;scroll-margin-top:84px;font-size:1.4rem;display:grid}.prose h2:before{counter-increment:section;content:counter(section, decimal-leading-zero);color:var(--faint);font-family:var(--font-mono);letter-spacing:.02em;font-size:.62em;font-weight:500}.prose h2:first-child{border-top:0;margin-top:0;padding-top:0}.prose h3{margin-top:1.9rem;scroll-margin-top:84px;font-size:1.05rem}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--fg);font-weight:620}.prose ul,.prose ol{gap:.5rem;margin-block:0;padding-inline-start:1.25rem;display:grid}.prose code:not(pre code){border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:6px;padding:.12em .4em}.prose table{border-collapse:collapse;width:100%;font-size:.9rem}.prose th,.prose td{text-align:start;vertical-align:top;color:var(--muted);padding:.6rem .75rem}.prose th{border-bottom:1px solid var(--border-strong);color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:600}.prose td{border-bottom:1px solid var(--border)}.prose tbody tr:last-child td{border-bottom:0}.prose td:first-child{color:var(--fg)}.table-scroll{border-radius:var(--radius);border:1px solid var(--border);background:var(--plate);padding:.2rem .5rem;overflow-x:auto}.prose--releases .release+.release{border-top:1px solid var(--border);margin-top:2.8rem;padding-top:2rem}.prose--releases .release{scroll-margin-top:84px}.prose--releases h2{font-family:var(--font-mono);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:.55rem;display:flex}.prose--releases h2:before{content:none}.release-when{color:var(--faint);font-family:var(--font-mono);font-size:.8rem;font-weight:500}.prose--releases .release>*+*{margin-top:1.15rem}.prose--releases .release>h3:first-of-type{margin-top:1.6rem}.platforms{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.platform{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);align-content:start;gap:.75rem;padding:1.5rem;display:grid}.platform[data-recommended=true]{border-color:var(--accent);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .35), 0 24px 60px -40px rgb(var(--accent-rgb) / .8)}.platform h3{align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.pill{background:rgb(var(--accent-rgb) / .14);color:var(--accent);letter-spacing:.03em;border-radius:999px;padding:.12rem .5rem;font-size:.7rem;font-weight:600}.pill--quiet{background:var(--surface-2);color:var(--faint)}.platform p{color:var(--muted);font-size:.9rem}.platform ul{color:var(--muted);gap:.35rem;margin:0;padding-inline-start:1.1rem;font-size:.88rem;display:grid}.site-footer{border-top:1px solid var(--border);background:rgb(var(--fg-rgb) / .015);padding-block:3rem 2.5rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2rem;display:grid}.footer-brand{grid-column:1/-1}@media (min-width:900px){.footer-grid{grid-template-columns:1.6fr repeat(2,minmax(140px,1fr))}.footer-brand{grid-column:auto}}.footer-brand p{color:var(--muted);max-width:26rem;margin-top:.8rem;font-size:.9rem}.footer-col strong{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:.7rem;font-size:.78rem;font-weight:600;display:block}.footer-col a{color:var(--muted);padding-block:.22rem;font-size:.92rem;text-decoration:none;display:block}.footer-col a:hover{color:var(--fg)}.footer-base{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:2.5rem;padding-top:1.5rem;font-size:.85rem;display:flex}.footer-base span:last-child{font-family:var(--font-mono);margin-inline-start:auto}[data-reveal]{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(14px)}[data-reveal=shown]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}@media (max-width:560px){.site-header .wrap{gap:.45rem}.header-actions .icon-btn{width:38px;padding:0;font-size:0}.lang-link{padding:.2rem .34rem;font-size:.74rem}.hero h1{text-wrap:wrap;font-size:clamp(1.8rem,9vw,2.65rem)}.mobile-break{display:inline}.wide-break{display:none}.versus table{min-width:0}.versus th,.versus td{padding:.7rem .55rem}.versus tbody th{word-break:normal;overflow-wrap:anywhere;font-size:.86rem}.versus td,.versus th:last-child,.versus td:last-child{width:3.9rem}.mark{min-width:1.3rem;padding-inline:.3rem;font-size:.75rem}}@media (max-width:860px){.site-header .nav-toggle{order:3;margin-inline-start:0;display:inline-flex}.header-actions{order:2;margin-inline-start:auto}.site-nav{inset-inline:0;border-bottom:1px solid var(--border);background:var(--bg);visibility:hidden;opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility .18s;gap:.15rem;margin:0;padding:.7rem 1.25rem 1.1rem;display:grid;position:absolute;top:100%;transform:translateY(-6px)}.site-nav[data-open=true]{visibility:visible;opacity:1;transform:none}.site-nav a{padding:.6rem .7rem}.app-body{grid-template-columns:13em minmax(0,1fr)}.app-files{display:none}.app-panes{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.app-leaf--agent{border-inline-end:0;border-bottom:1px solid var(--border);min-height:22em}.doc--toc{grid-template-columns:minmax(0,1fr)}.doc--toc:before{display:none}.toc{border-bottom:1px solid var(--border);grid-auto-columns:max-content;grid-auto-flow:column;padding:.5rem .6rem;position:static;overflow-x:auto}.toc strong{display:none}.toc a{border-inline-start:0;border-bottom:2px solid #0000;border-radius:7px 7px 0 0}.toc a[aria-current=true]{border-bottom-color:var(--accent)}}@media (max-width:1000px){.app-toolbar>.app-tool-group,.app-toolbar>.app-tool--loose{display:none}}@media (max-width:860px){.app-gitbar .app-seg--remote{display:none}}@media (max-width:720px){.app-demo{border-radius:12px}.app-body{grid-template-columns:minmax(0,1fr);min-height:0}.app-rail,.app-gitbar .app-seg--remote,.app-toolbar .app-tool-group,.app-search,.app-toolbar-right,.app-tool--loose,.app-statusbar .app-stat--buffer,.app-statusbar .app-stat--watching,.app-statusbar .app-stat--switch,.app-statusbar .app-stat--start{display:none}.app-leaf--agent{min-height:20em}.app-tab-label{text-overflow:ellipsis;max-width:6em;overflow:hidden}}@media (prefers-reduced-motion:reduce){.demo-caret,.mock-caret,.scene .mock-row,.scene .mock-msg,.scene .mock-l,.scene .mock-file,.scene .mock-typed,.scene .mock-head .mock-dot,.scene .app-service-row,.scene .app-service-group,.scene .app-service-sql{animation:none}}.feedback-live{margin-top:1.6rem}.feedback-grid{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (max-width:760px){.feedback-grid{grid-template-columns:minmax(0,1fr)}}.feedback-score,.feedback-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.4rem}.feedback-average{font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;font-size:2.4rem;line-height:1;display:flex}.feedback-of{color:var(--faint);font-size:.95rem}.feedback-count{color:var(--muted);margin-top:.5rem;font-size:.88rem}.stars{letter-spacing:.12em;white-space:nowrap;margin-top:.7rem;font-size:1.15rem;line-height:1;display:inline-block;position:relative}.stars-back{color:rgb(var(--fg-rgb) / .18)}.stars-front{width:var(--fill,0%);color:var(--warn);position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.stars--small{margin-top:0;font-size:.82rem}.feedback-bars{gap:.3rem;margin-top:1rem;list-style:none;display:grid}.feedback-bars li{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:.9rem minmax(0,1fr) 1.6rem;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.bar{background:rgb(var(--fg-rgb) / .1);border-radius:3px;height:6px;overflow:hidden}.bar-fill{height:100%;width:var(--share,0%);background:var(--accent);transition:width .3s var(--ease);border-radius:3px;display:block}.bar-n{text-align:end}.field+.field{margin-top:.9rem}.field-label{color:var(--muted);margin-bottom:.35rem;font-size:.82rem;display:block}.control{border:1px solid var(--border);background:var(--page);width:100%;color:var(--fg);font:inherit;transition:border-color .2s var(--ease);border-radius:10px;padding:.55rem .7rem;font-size:.92rem}.field-count{color:var(--faint);font-family:var(--font-mono);text-align:end;margin-top:.3rem;font-size:.72rem}.field-count[data-near=true]{color:var(--warn)}textarea.control{resize:vertical;min-height:6.5rem;line-height:1.55}.control:hover{border-color:var(--border-strong)}.control:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.stars-input{gap:.15rem;display:flex}.star-pick{color:rgb(var(--fg-rgb) / .22);cursor:pointer;transition:color .15s var(--ease), transform .15s var(--ease);background:0 0;border:0;padding:.1rem .15rem;font-size:1.5rem;line-height:1}.star-pick[data-on=true]{color:var(--warn)}.star-pick:hover{transform:translateY(-1px)}.star-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.hp{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.feedback-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.feedback-status{color:var(--muted);font-size:.86rem}.feedback-status[data-kind=ok]{color:var(--ok)}.feedback-status[data-kind=bad]{color:var(--danger)}.feedback-terms{color:var(--faint);max-width:46ch;margin-top:.9rem;font-size:.78rem;line-height:1.6}.skeleton{display:none}[data-feedback-loading] .skeleton{display:grid}[data-feedback-loading] .feedback-average,[data-feedback-loading] [data-feedback-stars],[data-feedback-loading] [data-feedback-count],[data-feedback-loading] [data-feedback-bars],[data-feedback-loading] [data-feedback-list]{display:none}.skeleton-block,.skeleton-bars li,.skeleton-comment{background:linear-gradient(90deg, var(--border) 0%, var(--surface) 40%, var(--border) 80%);animation:skeleton-sweep 1.5s var(--ease) infinite;background-size:300% 100%;border-radius:6px;display:block}.skeleton-average{width:7.2rem;height:2.4rem}.skeleton-stars{width:6.4rem;height:1.15rem;margin-top:.7rem}.skeleton-count{width:10.5rem;height:1.5rem;margin-top:.5rem}.skeleton-bars{gap:.3rem;margin-top:1rem;list-style:none;display:grid}.skeleton-bars li{height:1.33rem}.skeleton--list{gap:.7rem;margin-top:1.2rem}.skeleton-comment{border-radius:var(--radius);height:7.1rem}@keyframes skeleton-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block,.skeleton-bars li,.skeleton-comment{background:var(--border);animation:none}}.feedback-list{gap:.7rem;margin-top:1.2rem;list-style:none;display:grid}.comment{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem 1.1rem}.comment-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.comment-who{color:var(--fg);font-weight:600}.comment-score,.comment-when{color:var(--faint);font-family:var(--font-mono);font-size:.74rem}.comment-when{margin-inline-start:auto}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.5rem;font-size:.92rem;line-height:1.7}.comment[data-folded=true] .comment-body{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment-more{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.4rem;padding:0;font-size:.82rem}.comment-more:hover{text-decoration:underline}.feedback-empty{color:var(--faint);margin-top:1.2rem;font-size:.88rem}.dl-count{color:var(--muted);margin-top:.8rem;font-size:.86rem}.dl-count strong{color:var(--fg);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.bar-fill,.star-pick{transition:none}.star-pick:hover{transform:none}}.card-go{margin-top:1.1rem}.mock-story{border:1px solid var(--border);background:var(--bg);border-top:0;border-radius:0 0 10px 10px;margin:0;padding:0;list-style:none}.mock-turn{padding:.7rem .95rem;font-size:.84rem;line-height:1.6}.mock-turn+.mock-turn{border-top:1px solid var(--border)}.mock-turn p{margin:0}.mock-who{color:var(--muted);font-family:var(--font-mono);font-size:.74rem;margin-bottom:.2rem!important}.mock-turn--you{background:color-mix(in srgb, var(--accent) 7%, transparent)}.mock-wrote{color:var(--accent);font-family:var(--font-mono);font-size:.76rem;margin-top:.4rem!important}.card--app{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}.card--app>.card-mark{border-radius:21%;width:96px;height:96px}@media (max-width:34rem){.card--app{grid-template-columns:minmax(0,1fr);row-gap:.9rem}.card--app>.card-mark{width:64px;height:64px}}.admin-page{padding:2.5rem 0 4rem}.admin h1{letter-spacing:-.01em;font-size:1.5rem}.admin-lede{color:var(--muted);margin-top:.5rem;font-size:.9rem;line-height:1.7}.admin-gate{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1.5rem;display:flex}.admin-field{color:var(--muted);gap:.35rem;font-size:.82rem;display:grid}.admin-field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:18rem;color:var(--fg);font:inherit;padding:.55rem .7rem}.admin-remember{color:var(--muted);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.admin-status{color:var(--muted);margin-top:.9rem;font-size:.86rem}.admin-status[data-tone=ok]{color:var(--ok)}.admin-status[data-tone=bad]{color:var(--danger)}.admin-section{margin-top:2.25rem}.admin-section h2{font-size:1.05rem}.admin-n{color:var(--muted);font-weight:400}.admin-list{gap:.7rem;margin-top:.9rem;padding:0;list-style:none;display:grid}.admin-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.9rem 1rem}.admin-row[data-status=hidden]{opacity:.55}.admin-row-head{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.admin-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-size:.74rem}.admin-chip[data-kind=visible]{color:var(--ok)}.admin-chip[data-kind=hidden]{color:var(--danger)}.admin-when{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.76rem}.admin-row-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.5rem;line-height:1.65}.admin-row[data-folded=true] .admin-row-body{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-more{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.4rem;padding:0;font-size:.8rem}.admin-more:hover{text-decoration:underline}.admin-row-actions{gap:.4rem;margin-top:.75rem;display:flex}.admin-row-actions .btn[disabled]{opacity:.45;pointer-events:none}.btn--danger{border-color:rgb(var(--danger-rgb,220 60 60) / .4);color:var(--danger)}.admin-empty{color:var(--faint);margin-top:.9rem;font-size:.86rem}.demo-chapters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem;display:flex}.demo-chapters[hidden]{display:none}.demo-chapter{border:1px solid var(--border);background:rgb(var(--bg-rgb) / .7);color:var(--muted);font:inherit;cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:baseline;gap:.5rem;padding:.42rem .95rem .5rem;font-size:.86rem;display:inline-flex;position:relative;overflow:hidden}.demo-chapter:hover{color:var(--fg);border-color:var(--border-strong);transform:translateY(-1px)}.demo-chapter[aria-current]{color:var(--fg);border-color:rgb(var(--accent-rgb) / .55);background:rgb(var(--accent-rgb) / .1)}.demo-chapter-no{color:var(--faint);font-family:var(--font-mono);font-size:.72rem}.demo-chapter[aria-current] .demo-chapter-no{color:var(--accent)}.demo-chapter-bar{inset-inline:0;background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;transform:scaleX(0)}.demo-chapter[aria-current] .demo-chapter-bar{animation:2.4s linear forwards fill-bar}.demo-chapter[data-span="4"][aria-current] .demo-chapter-bar{animation-duration:9.6s}@keyframes fill-bar{to{transform:scaleX(1)}}@keyframes swap-in{0%{opacity:0;transform:translateY(4px)}}.ide{position:relative}.ide-pick{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ide-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.2rem;margin-bottom:1.4rem;padding:.28rem;display:inline-flex}.ide-switch-say{color:var(--faint);font-family:var(--font-mono);padding-inline:.7rem .4rem;font-size:.76rem}.ide-switch label{color:var(--muted);cursor:pointer;transition:background .22s var(--ease), color .22s var(--ease), box-shadow .22s var(--ease);border-radius:999px;padding:.38rem 1.05rem;font-size:.93rem;font-weight:560}.ide-switch label:hover{color:var(--fg)}#ide-vscode:checked~.ide-switch label[for=ide-vscode],#ide-intellij:checked~.ide-switch label[for=ide-intellij]{background:var(--accent);color:var(--accent-fg);box-shadow:0 8px 22px -12px rgb(var(--accent-rgb) / .9)}#ide-vscode:focus-visible~.ide-switch label[for=ide-vscode],#ide-intellij:focus-visible~.ide-switch label[for=ide-intellij]{outline:2px solid var(--accent);outline-offset:2px}#ide-vscode:checked~.ide-grid [data-scheme=intellij],#ide-intellij:checked~.ide-grid [data-scheme=vscode]{display:none}.ide-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.6rem,3vw,2.6rem);display:grid}@media (min-width:900px){.ide-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}.ide-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;overflow:hidden}.ide-table th,.ide-table td{border-bottom:1px solid var(--border);transition:background .25s var(--ease), color .25s var(--ease);padding:.58rem 1.1rem;font-size:.93rem}.ide-table tr:last-child th,.ide-table tr:last-child td{border-bottom:0}.ide-table th{color:var(--fg);text-align:start;font-weight:500}.ide-table td{text-align:end;white-space:nowrap}.ide-table tr:hover th,.ide-table tr:hover td{background:rgb(var(--fg-rgb) / .03)}.ide-row--own th:after{content:"codeme";background:rgb(var(--accent-rgb) / .12);color:var(--accent);font-family:var(--font-mono);vertical-align:.1em;border-radius:5px;margin-inline-start:.55rem;padding:.05rem .4rem;font-size:.7rem}.ide-table tr[data-hit] th,.ide-table tr[data-hit] td{background:rgb(var(--accent-rgb) / .16)}.ide-table tr[data-hit] th{color:var(--accent)}.ide-chord{animation:swap-in .38s var(--ease);gap:.22rem;display:inline-flex}.ide-caption{color:var(--faint);margin-top:.7rem;font-size:.82rem}.ide-try{border:1px dashed var(--border-strong);border-radius:var(--radius);background:rgb(var(--bg-rgb) / .5);cursor:text;transition:border-color .2s var(--ease), background .2s var(--ease);margin-top:1.1rem;padding:.95rem 1.2rem 1.05rem}.ide-try[hidden]{display:none}.ide-try:hover{border-color:rgb(var(--accent-rgb) / .55)}.ide-try:focus{border-style:solid;border-color:var(--accent);background:rgb(var(--accent-rgb) / .06);outline:none}.ide-try-head{align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;display:flex}.ide-try-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.ide-try:focus .ide-try-dot{background:var(--ok);animation:soft-pulse 1.4s var(--ease) infinite}.ide-try-say{color:var(--muted);font-family:var(--font-mono);margin-top:.35rem;font-size:.88rem}@keyframes soft-pulse{50%{opacity:.35}}.ide-carry{animation:swap-in .4s var(--ease)}.ide-carry h3{margin-bottom:.9rem;font-size:1.2rem}.ide-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ide-list li{background:var(--bg);flex-wrap:wrap;align-items:baseline;gap:.25rem .8rem;padding:.78rem 1.1rem;display:flex}.ide-list b{min-width:8.5rem;color:var(--fg);font-family:var(--font-mono);font-size:.84rem;font-weight:600}.ide-list li>span:last-child{color:var(--muted);flex:14rem;font-size:.9rem}.ide-list code{background:var(--surface-2);color:var(--fg);border-radius:5px;padding:.05em .3em}.ide-note{color:var(--muted);margin-top:1.1rem;font-size:.92rem}.ide-note strong{color:var(--fg);font-weight:620}.pg-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.pg-actions[hidden]{display:none}.pg-actions .btn[disabled]{opacity:.45;cursor:default;filter:none;transform:none}.pg-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 30px 70px -50px rgb(var(--bg-rgb) / 1);overflow:hidden}.pg-menubar{border-bottom:1px solid var(--border);background:rgb(var(--bg-rgb) / .7);align-items:center;gap:.8rem;padding:.42rem .9rem;font-size:.8rem;display:flex}.pg-menubar-app{font-weight:650}.pg-tray{background:rgb(var(--fg-rgb) / .06);transition:background .3s var(--ease);border-radius:6px;align-items:center;gap:.75rem;margin-inline-start:auto;padding:.16rem .6rem;display:inline-flex}.pg-tray[data-waiting]{background:rgb(var(--accent-rgb) / .16);animation:soft-pulse 1.8s var(--ease) infinite}.pg-tray-icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.pg-count{color:var(--muted);align-items:baseline;gap:.3rem;display:inline-flex}.pg-count b{color:var(--fg);font-variant-numeric:tabular-nums}.pg-count--wait b{color:var(--warn)}.pg-cards{grid-template-columns:minmax(0,1fr);gap:.6rem;margin:0;padding:1rem;list-style:none;display:grid}@media (min-width:620px){.pg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg-card{--pg-fill:10%;border:1px solid var(--border);background:var(--bg);min-height:9.2rem;transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:12px;align-content:start;gap:.38rem;padding:.85rem .95rem 1.05rem;display:grid;position:relative;overflow:hidden}[data-pg-ready] .pg-card[data-live=true]{animation:swap-in .45s var(--ease)}[data-pg-ready] .pg-card[data-live=false]{border-style:dashed;border-color:var(--border);cursor:pointer;background:0 0}[data-pg-ready] .pg-card[data-live=false]>*{visibility:hidden}[data-pg-ready] .pg-card[data-live=false]:before{content:"＋";color:var(--faint);transition:color .2s var(--ease);place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}[data-pg-ready] .pg-card[data-live=false]:hover:before{color:var(--accent)}.pg-card-head{min-width:0;font-family:var(--font-mono);align-items:center;gap:.5rem;font-size:.84rem;display:flex}.pg-card-head b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-diff{opacity:0;transition:opacity .3s var(--ease);gap:.35rem;margin-inline-start:auto;font-size:.76rem;font-style:normal;display:flex}.pg-card[data-state=done] .pg-diff{opacity:1}.pg-add,.pg-del{font-style:normal}.pg-add{color:var(--ok)}.pg-del{color:var(--danger)}.pg-task{color:var(--muted);font-size:.88rem}.pg-agent{align-items:center;gap:.45rem;font-size:.82rem;display:flex}.pg-agent small{color:var(--faint);margin-inline-start:auto;font-size:.76rem}.pg-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.pg-card[data-state=connecting] .pg-dot,.pg-card[data-state=reading] .pg-dot,.pg-card[data-state=writing] .pg-dot,.pg-card[data-state=testing] .pg-dot{animation:soft-pulse 1.1s var(--ease) infinite}.pg-card[data-state=waiting]{border-color:var(--warn)}.pg-card[data-state=waiting] .pg-dot{background:var(--warn)}.pg-card[data-state=done] .pg-dot{background:var(--ok)}.pg-card[data-state=reading]{--pg-fill:35%}.pg-card[data-state=writing],.pg-card[data-state=waiting]{--pg-fill:62%}.pg-card[data-state=testing]{--pg-fill:86%}.pg-card[data-state=done]{--pg-fill:100%}.pg-bar{inset-inline:0;background:rgb(var(--fg-rgb) / .06);height:3px;position:absolute;bottom:0}.pg-bar i{width:var(--pg-fill);background:var(--accent);height:100%;transition:width .9s var(--ease), background .3s var(--ease);display:block}.pg-card[data-state=done] .pg-bar i{background:var(--ok)}.pg-ask{background:rgb(var(--fg-rgb) / .05);border-radius:8px;padding:.4rem .6rem;font-size:.86rem;display:none}.pg-answer{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;transition:filter .2s var(--ease), transform .2s var(--ease);border-radius:8px;justify-self:start;padding:.32rem .7rem;font-size:.8rem;font-weight:560;display:none}.pg-answer:hover{filter:brightness(1.08);transform:translateY(-1px)}.pg-card[data-state=waiting] .pg-ask,[data-pg-ready] .pg-card[data-state=waiting] .pg-answer{animation:swap-in .35s var(--ease);display:block}.nw{grid-template-columns:minmax(0,1fr);gap:1.2rem;display:grid}@media (min-width:900px){.nw{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:2rem}}.nw-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:900px){.nw-tabs{grid-template-columns:minmax(0,1fr)}}.nw-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);gap:.18rem;padding:.85rem 1.05rem .95rem;display:grid;position:relative;overflow:hidden}.nw-tab:hover{border-color:var(--border-strong);background:var(--surface)}.nw-tab[aria-selected=true]{border-color:rgb(var(--accent-rgb) / .55);background:linear-gradient(rgb(var(--accent-rgb) / .08), rgb(var(--accent-rgb) / .08)), var(--bg)}.nw-tab b{font-size:1rem;font-weight:620}.nw-desc{color:var(--muted);font-size:.87rem}@media (max-width:899px){.nw[data-ready] .nw-desc{display:none}}.nw-progress{inset-inline:0;background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;transform:scaleX(0)}.nw[data-auto=true] .nw-tab[aria-selected=true] .nw-progress{animation:7s linear forwards fill-bar}.nw-stage{gap:1rem;min-width:0;display:grid}.nw-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 30px 70px -50px rgb(var(--bg-rgb) / 1);animation:swap-in .45s var(--ease);padding:clamp(.9rem,2vw,1.3rem)}.nw-panel[hidden],.nw-panel:not([data-step]) [data-only]:not([data-only~="0"]),.nw-panel[data-step="0"] [data-only]:not([data-only~="0"]),.nw-panel[data-step="1"] [data-only]:not([data-only~="1"]),.nw-panel[data-step="2"] [data-only]:not([data-only~="2"]){display:none}.nw-panel [data-only]{animation:swap-in .4s var(--ease)}.nw-bar{border-bottom:1px solid var(--border);align-items:baseline;gap:.6rem;margin-bottom:.85rem;padding:0 .2rem .7rem;font-size:.9rem;display:flex}.nw-bar em{color:var(--faint);font-family:var(--font-mono);margin-inline-start:auto;font-size:.76rem;font-style:normal}.nw-cards{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.nw-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:.4rem;padding:.7rem .9rem;display:grid}.nw-card.is-current{border-color:rgb(var(--accent-rgb) / .5);box-shadow:inset 3px 0 0 var(--accent)}.nw-card-head{min-width:0;font-family:var(--font-mono);align-items:center;gap:.5rem;font-size:.84rem;display:flex}.nw-card-head b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nw-port{background:rgb(var(--accent-rgb) / .14);color:var(--accent);border-radius:5px;margin-inline-start:auto;padding:.04rem .42rem;font-size:.74rem;font-style:normal}.nw-card-line{flex-wrap:wrap;gap:.4rem;display:flex}.nw-pill{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);border-radius:999px;padding:.02rem .48rem;font-size:.72rem;display:inline-flex}.nw-pill--ok{color:var(--ok)}.nw-pill--bad{color:var(--danger);background:rgb(var(--danger-rgb) / .1)}.nw-warn{background:rgb(var(--fg-rgb) / .04);color:var(--warn);border-radius:8px;gap:.1rem;padding:.42rem .6rem;font-size:.82rem;display:grid}.nw-warn small{color:var(--faint);font-family:var(--font-mono);font-size:.74rem}.nw-caption{color:var(--muted);margin-top:1rem;font-size:.9rem}.nw-caption code{background:var(--surface-2);color:var(--fg);border-radius:5px;padding:.05em .3em}.nw-tabstrip{border-bottom:1px solid var(--border);font-size:.8rem;display:flex}.nw-tabstrip span{border-inline-end:1px solid var(--border);color:var(--muted);align-items:center;gap:.4rem;padding:.35rem .8rem;display:inline-flex}.nw-tabstrip .is-on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.nw-favicon{background:var(--accent);border-radius:3px;width:9px;height:9px}.nw-address{border:1px solid var(--border);background:var(--bg);font-family:var(--font-mono);border-radius:8px;margin:.6rem 0;padding:.38rem .75rem;font-size:.8rem}.nw-address-dim{color:var(--faint)}.nw-page{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:.85rem 1rem}.nw-page-title{margin-bottom:.4rem;font-weight:650}.nw-page-table{border-collapse:collapse;width:100%;font-size:.84rem}.nw-page-table td{border-bottom:1px solid var(--border);color:var(--muted);padding:.3rem .2rem}.nw-page-table td:last-child{text-align:end;font-variant-numeric:tabular-nums}.nw-total td{color:var(--accent);border-bottom:0;font-weight:650}.nw-devtools{border:1px solid var(--border);background:var(--bg);font-family:var(--font-mono);border-radius:10px;margin-top:.6rem;font-size:.76rem;overflow:hidden}.nw-devtools-tabs{border-bottom:1px solid var(--border);color:var(--faint);gap:.9rem;padding:.3rem .75rem;display:flex}.nw-devtools-tabs .is-on{color:var(--fg)}.nw-log{color:var(--muted);gap:.6rem;padding:.3rem .75rem;display:flex}.nw-log em{color:var(--faint);margin-inline-start:auto;font-style:normal}.nw-log-ok{color:var(--ok);font-style:normal}.nw-file{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);border-radius:10px 10px 0 0;padding:.42rem .85rem;font-size:.8rem}.nw-code{border:1px solid var(--border);background:var(--bg);white-space:normal;border-top:0;border-radius:0 0 10px 10px;margin:0;padding:.7rem 1rem;font-size:.8rem;line-height:1.75;overflow-x:auto}.nw-snap-view .nw-code{border-top:1px solid var(--border);border-radius:10px}.nw-l{white-space:pre;display:block}.nw-l--add{color:var(--ok)}.nw-l--del{color:var(--danger)}.nw-thread{border:1px solid var(--border);border-inline-start:2px solid var(--accent);background:var(--bg);border-radius:10px;margin-top:.7rem;padding:.7rem .9rem;font-size:.9rem}.nw-thread>p:not(.nw-who):not(.nw-thread-actions){color:var(--muted)}.nw-who{align-items:baseline;gap:.5rem;margin-bottom:.2rem;display:flex}.nw-who small{color:var(--faint);font-size:.76rem}.nw-thread-actions{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.nw-btn{border:1px solid var(--border-strong);color:var(--fg);transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);border-radius:7px;padding:.22rem .62rem;font-size:.78rem;display:inline-flex}.nw-btn--quiet{color:var(--muted)}.nw-panel[data-step="1"] [data-pressed-at~="1"]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.nw-agent{border:1px solid rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .07);font-family:var(--font-mono);border-radius:10px;gap:.2rem;margin-top:.7rem;padding:.65rem .9rem;font-size:.8rem;display:grid}.nw-agent-who{color:var(--faint);font-size:.74rem}.nw-split{grid-template-columns:minmax(0,1fr);gap:.8rem;display:grid}@media (min-width:620px){.nw-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.nw-snaps{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.nw-snaps li{transition:background .3s var(--ease), border-color .3s var(--ease);border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:0 .6rem;padding:.5rem .7rem;font-size:.86rem;display:grid}.nw-snaps b{font-family:var(--font-mono);font-size:.8rem;font-weight:600}.nw-snaps small{color:var(--faint);font-family:var(--font-mono);grid-column:2;font-size:.74rem}.nw-panel:not([data-step]) .nw-snaps [data-at="0"],.nw-panel[data-step="0"] .nw-snaps [data-at="0"],.nw-panel[data-step="1"] .nw-snaps [data-at="1"],.nw-panel[data-step="2"] .nw-snaps [data-at="2"]{border-color:rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .1)}[data-spot]:after{content:"";border-radius:inherit;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,-30%), rgb(var(--accent-rgb) / .1), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);position:absolute;inset:0}[data-spot]:hover:after{opacity:1}.app-demo[data-tilt]{transform:perspective(1800px) rotateX(calc((1 - var(--tilt,1)) * 26deg)) scale(calc(.86 + var(--tilt,1) * .14));transform-origin:50% 0;opacity:calc(.35 + var(--tilt,1) * .65);will-change:transform;transition:none}[data-reveal] h2:not([data-reveal]){clip-path:inset(-.2em -.2em -.3em);transition:transform .9s var(--ease), clip-path .9s var(--ease)}[data-reveal]:not([data-reveal=shown]) h2:not([data-reveal]){clip-path:inset(-.2em -.2em 100%);transform:translateY(.7em)}.section-head h2{font-size:clamp(2.1rem,4.8vw,3.6rem)}[data-reveal][data-stagger]{opacity:1;transform:none}[data-reveal][data-stagger]>*{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease), background .2s var(--ease), border-color .2s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(34px)scale(.97)}[data-reveal=shown][data-stagger]>*{opacity:1;transform:none}[data-reveal=shown][data-stagger]>:hover{transition-delay:0s}@media (prefers-reduced-motion:reduce){[data-reveal][data-stagger]>*{opacity:1;transform:none}[data-reveal]:not([data-reveal=shown]) h2{clip-path:none;transform:none}}.story{position:relative}.story-num,.story-rail{display:none}.story[data-pinned]{height:460vh}.story[data-pinned] .story-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.story[data-pinned] .scene{pointer-events:none;align-items:center;padding-block:5rem 4.5rem;display:grid;position:absolute;inset:0}.story[data-pinned] .scene[data-story=active]{pointer-events:auto}.story[data-pinned] .scene--flip .scene-say{order:0}.story[data-pinned] .scene-say,.story[data-pinned] .scene-stage{transition:opacity .7s var(--ease), transform .9s var(--ease), filter .9s var(--ease)}.story[data-pinned] .scene-stage{transform-origin:50% 60%}.story[data-pinned] .scene[data-story=after] .scene-say{opacity:0;transform:translateY(70px)}.story[data-pinned] .scene[data-story=after] .scene-stage{opacity:0;filter:blur(8px);transform:perspective(1400px)translateY(120px)rotateX(14deg)scale(.92)}.story[data-pinned] .scene[data-story=before] .scene-say{opacity:0;transform:translateY(-70px)}.story[data-pinned] .scene[data-story=before] .scene-stage{opacity:0;filter:blur(8px);transform:translateY(-90px)scale(.95)}.story[data-pinned] .scene[data-story=active] .scene-stage{transition-delay:80ms}.story[data-pinned] .story-num{inset-inline-end:2vw;color:#0000;-webkit-text-stroke:1.5px rgb(var(--fg-rgb) / .09);font-variant-numeric:tabular-nums;letter-spacing:-.06em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:40vh;font-weight:800;line-height:.8;display:block;position:absolute;bottom:-2vh}.story-num[data-in]{animation:story-num-in .9s var(--ease)}@keyframes story-num-in{0%{opacity:0;transform:translateY(14vh)}}.story[data-pinned] .story-rail{gap:1.6rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.story-rail li{min-width:4.5rem;color:var(--faint);transition:color .3s var(--ease);gap:.35rem;font-size:.78rem;display:grid}.story-rail li:before{content:"";background:var(--border);height:2px;transition:background .3s var(--ease);border-radius:2px}.story-rail li[data-current]{color:var(--fg)}.story-rail li[data-current]:before{background:var(--accent)}.story-rail span{font-family:var(--font-mono);font-size:.7rem}.story-rail b{font-weight:560}.kinetic{padding-block:calc(var(--step) * 1.2);gap:.05em;display:grid;overflow:hidden}.kinetic-line{letter-spacing:-.05em;text-align:center;white-space:nowrap;margin:0;font-size:clamp(3rem,11vw,10.5rem);font-weight:780;line-height:1.04}:lang(en) .kinetic-line{font-size:clamp(2.6rem,8.6vw,8.6rem)}.kinetic-line span{color:var(--fg);display:inline-block}.kinetic-line--accent span{color:var(--accent)}.kinetic-line:nth-child(2n){--dir:-1}[data-kinetic][data-live] .kinetic-line span{color:#0000;-webkit-text-stroke:1.5px rgb(var(--fg-rgb) / .32);background:linear-gradient(90deg, var(--fg) 0 var(--fill,0%), transparent var(--fill,0%) 100%);transform:translateX(calc((.5 - var(--k,.5)) * var(--dir,1) * 30vw));will-change:transform;-webkit-background-clip:text;background-clip:text}[data-kinetic][data-live] .kinetic-line--accent span{-webkit-text-stroke-color:rgb(var(--accent-rgb) / .5);background-image:linear-gradient(90deg, var(--accent) 0 var(--fill,0%), transparent var(--fill,0%) 100%)}.bento[data-reveal][data-stagger]>*,.ide-list[data-reveal][data-stagger]>*{opacity:1;transform:none}.bento[data-reveal][data-stagger]>*>*,.ide-list[data-reveal][data-stagger]>*>*{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(22px)}.bento[data-reveal=shown][data-stagger]>*>*,.ide-list[data-reveal=shown][data-stagger]>*>*{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.bento[data-reveal][data-stagger]>*>*,.ide-list[data-reveal][data-stagger]>*>*{opacity:1;transform:none}}.hero-line{animation:hero-rise 1.1s var(--ease) backwards;display:inline-block}.hero-line:nth-of-type(2){animation-delay:.16s}@keyframes hero-rise{0%{opacity:0;filter:blur(14px);transform:translateY(.45em)scale(.98)}}.hero-title[data-live]{transform:scale(calc(1 + var(--hk,0) * .1));opacity:calc(1 - var(--hk,0) * .75);will-change:transform, opacity}.hero-title[data-live] .hero-line:first-of-type{transform:translateX(calc(var(--hk,0) * -16vw))}.hero-title[data-live] .hero-line:nth-of-type(2){transform:translateX(calc(var(--hk,0) * 16vw))}.gallery-bar{display:none}.gallery[data-pinned]{height:var(--gallery-h,300vh);padding-block:0}.gallery[data-pinned] .gallery-sticky{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.gallery[data-pinned] .panels-say{width:var(--page);color:var(--fg);letter-spacing:-.02em;margin-inline:auto;font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:600}.gallery[data-pinned] .panels{--card:min(760px, 58vw);width:max-content;padding-inline:calc((100vw - var(--card)) / 2);transform:translateX(var(--gx,0px));will-change:transform;align-items:center;gap:clamp(1.5rem,3vw,3rem);display:flex}.gallery[data-pinned] .panels>*{width:var(--card);opacity:calc(1 - var(--ad,0) * .55);transform:perspective(1600px) rotateY(calc(var(--d,0) * -22deg)) scale(calc(1 - var(--ad,0) * .14));transform-origin:50%;flex:none;margin:0;transition:none}.gallery[data-pinned] .gallery-bar{width:var(--page);background:var(--border);border-radius:2px;order:3;height:2px;margin:2.2rem auto 0;display:block;overflow:hidden}.gallery-bar i{background:var(--accent);height:100%;transform:scaleX(var(--gp,0));transform-origin:0;display:block}@media (max-width:899px){.gallery[data-reveal=shown] .panels,.gallery .panels[data-reveal=shown]{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.9rem;margin-inline:calc(50% - 50vw);padding-inline:7vw;display:flex;overflow-x:auto}.gallery[data-reveal=shown] .panels>*,.gallery .panels[data-reveal=shown]>*{scroll-snap-align:center;flex:0 0 86vw;align-self:start}}.doc-progress{inset-inline:0;z-index:80;background:linear-gradient(90deg, var(--accent), var(--accent-3));height:3px;transform:scaleX(var(--dp,0));transform-origin:0;pointer-events:none;position:fixed;top:0}.keys-switch{margin-block:.4rem 1rem}#keys-intellij:checked~.keys-switch label[for=keys-intellij],#keys-vscode:checked~.keys-switch label[for=keys-vscode]{background:var(--accent);color:var(--accent-fg);box-shadow:0 8px 22px -12px rgb(var(--accent-rgb) / .9)}#keys-intellij:focus-visible~.keys-switch label[for=keys-intellij],#keys-vscode:focus-visible~.keys-switch label[for=keys-vscode]{outline:2px solid var(--accent);outline-offset:2px}#keys-intellij:checked~[data-keys=vscode],#keys-vscode:checked~[data-keys=intellij]{display:none}[data-keys]{animation:swap-in .4s var(--ease)}.prose>[data-reveal]{transition:opacity .7s var(--ease), transform .8s var(--ease)}.prose>h2[data-reveal]{transition:opacity .7s var(--ease), transform .9s var(--ease)}.prose>h2[data-reveal]:not([data-reveal=shown]){transform:translateY(.9em)}@media (prefers-reduced-motion:reduce){.page-head h1,.page-head h1+p{animation:none}}.versus tbody[data-reveal][data-stagger]{opacity:1;transform:none}.versus tbody[data-reveal=shown] .mark--yes,.versus tbody[data-reveal=shown] .mark--fact{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards mark-pop;animation-delay:calc(var(--i,0) * 80ms + .25s);display:inline-block}@keyframes mark-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}.versus{position:relative}.versus:has(tbody[data-reveal=shown]):after{content:"";background:linear-gradient(180deg, transparent, rgb(var(--accent-rgb) / .12), transparent);pointer-events:none;animation:versus-sweep 1.8s var(--ease) .4s backwards;opacity:0;background-repeat:no-repeat;background-size:100% 40%;position:absolute;inset:0}@keyframes versus-sweep{0%{opacity:1;background-position:0 -60%}to{opacity:1;background-position:0 160%}}.flow[data-live]{position:relative}.flow[data-live]:before{content:"";inset-inline-start:.62rem;background:linear-gradient(180deg, var(--accent), var(--accent-3));width:2px;transform:scaleY(var(--flow-p,0));transform-origin:top;border-radius:2px;position:absolute;top:1.6rem;bottom:1.6rem}@media (min-width:900px){.flow[data-live]:before{inset-inline:0;background:linear-gradient(90deg, var(--accent), var(--accent-3));width:auto;height:2px;transform:scaleX(var(--flow-p,0));transform-origin:0;top:2.15rem;bottom:auto}}.flow[data-live] li{position:relative}.flow[data-live] li:before{z-index:1;background:var(--bg);transition:color .3s var(--ease), transform .4s var(--ease), box-shadow .3s var(--ease);border-radius:6px;place-self:start;padding:.1rem .25rem;position:relative}.flow[data-live] li[data-reached]:before{color:var(--accent);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .5), 0 0 18px rgb(var(--accent-rgb) / .35);transform:scale(1.18)}.flow[data-live] li h3{transition:color .3s var(--ease)}.flow[data-live] li:not([data-reached]) h3{color:var(--muted)}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.aside-note--ring{border-radius:var(--radius);background:var(--surface);isolation:isolate;border:0;padding:1.2rem 1.4rem;position:relative}.aside-note--ring:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ring-angle), var(--border), var(--accent), var(--accent-3), var(--border) 40%, var(--border));animation:6s linear infinite ring-turn;position:absolute;inset:-1px}.aside-note--ring:after{content:"";z-index:-1;border-radius:calc(var(--radius) - 1px);background:var(--surface);position:absolute;inset:1px}@keyframes ring-turn{to{--ring-angle:360deg}}.get-section{isolation:isolate;position:relative;overflow:hidden}.get-mark{inset-inline:0;z-index:-1;pointer-events:none;margin:0;font-size:clamp(5rem,24vw,22rem);position:absolute;top:50%;transform:translateY(-50%)}.get-mark span{color:rgb(var(--fg-rgb) / .05)}[data-kinetic][data-live] .get-mark span{-webkit-text-stroke:1.5px rgb(var(--fg-rgb) / .12);background-image:linear-gradient(90deg, rgb(var(--accent-rgb) / .1) 0 var(--fill,0%), transparent var(--fill,0%) 100%)}:lang(en) .get-mark{font-size:clamp(5rem,24vw,22rem)}.get h2{font-size:clamp(2.2rem,5.4vw,4.2rem)}.btn[data-magnetic]{transform:translate(var(--mx,0px), var(--my,0px));transition:transform .35s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease)}.btn[data-magnetic]:hover{transition:transform .12s linear, background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease)}.hero-actions .btn--primary,.get-actions .btn--primary{position:relative;overflow:hidden}.hero-actions .btn--primary:after,.get-actions .btn--primary:after{content:"";background:linear-gradient(105deg, transparent 35%, rgb(var(--fg-rgb) / .45) 50%, transparent 65%);animation:btn-shine 4.5s var(--ease) 2s infinite;pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}@keyframes btn-shine{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.aside-note--ring:before,.hero-actions .btn--primary:after,.get-actions .btn--primary:after{animation:none}}