@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-sans: "Geist Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono Variable", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--type-display-1: 600 clamp(38px, 8vw, 62px) / 1.02 var(--font-sans);--type-display-2: 600 clamp(28px, 4vw, 38px) / 1.08 var(--font-sans);--type-display-3: 600 clamp(24px, 4vw, 32px) / 1.15 var(--font-sans);--type-display-page: var(--type-display-2);--type-label: 500 10px / 16px var(--font-mono);--type-h1: 600 24px / 36px var(--font-sans);--type-h3: 600 14px / 20px var(--font-sans);--type-body: 400 14px / 24px var(--font-sans);--type-body-strong: 500 14px / 24px var(--font-sans);--type-body-small: 400 13px / 20px var(--font-sans);--type-code: 400 12px / 20px var(--font-mono);--type-ui: 400 14px / 20px var(--font-sans);--accent-purple: #9e4ee4;--accent-navy: #0d74c5;--accent-orange: #d97757;--accent-green: #3bbe78;--accent-teal: #49bfb9;--accent-blue: #229eff;--accent-pink: #e0689c;--accent-red: #f9474a;--accent-yellow: #e4cf11;--avatar-ink: #1a1a1a;--terminal-bg: #070808;--terminal-chrome: #1b1b18;--terminal-border: #2c2c27;--terminal-text: #ccd0ce;--terminal-command: #eceeed;--terminal-muted: #808080;--bg-card: #ffffff;--bg-base: #f5f5f5;--bg-surface: #fafafa;--bg-subtle: #efefef;--bg-hover: #eeeded;--bg-overlay: #ffffff;--text-heading: #1a1a1a;--text-body: #434343;--text-secondary: #808080;--text-muted: #a6adaa;--icon-default: #434343;--icon-muted: #808080;--border-default: #e0e5e3;--border-strong: #ccd0ce;--interactive-accent: #0d74c5;--interactive-accent-on-bg: #ffffff;--focus-ring: #0d74c5;--accent-soft: color-mix(in oklch, var(--interactive-accent) 55%, transparent);--interactive-accent-soft: color-mix(in srgb, var(--interactive-accent) 12%, transparent);--status-success: #359e66;--status-success-text: #247248;--status-warning: #8a6a00;--status-danger: #e30354;--status-info: #0d74c5;--landing-muted: #6e6e6e;--landing-agent-blue: #075f9f;--landing-agent-green: #247248;--landing-agent-purple: #7a2dbd;--landing-agent-orange: #9c4428;--cli-text-secondary: #6e6e6e;--cli-interactive: #0d74c5;--robot-shell-fill: var(--bg-card);--robot-surface-fill: var(--bg-subtle);--robot-stroke: var(--border-strong);--label-blue-bg: #e9f3fb;--label-blue-text: #0d74c5;--label-green-bg: #ebf6f0;--label-green-text: #359e66;--label-purple-bg: #f3ebf9;--label-purple-text: #9e4ee4;--label-red-bg: #fdecf1;--label-red-text: #e30354;--label-orange-bg: #fbf0eb;--label-orange-text: #d97757;--label-grey-bg: #f0f0ef;--label-grey-text: #878c89;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-2xl: 20px;--shadow-card: 0 1px 2px 0 rgb(16 16 16 / .04);--shadow-popover: 0 12px 32px -8px rgb(16 16 16 / .18), 0 2px 6px -2px rgb(16 16 16 / .08);--shadow-accent-glow: 0 0 0 1px color-mix(in srgb, var(--interactive-accent) 20%, transparent), 0 4px 20px -4px color-mix(in srgb, var(--interactive-accent) 32%, transparent);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--content-max: 800px;--settings-max: 1080px;--scrollbar-thumb: #d8d8d6;--scrollbar-thumb-hover: #c2c7c4}.dark{color-scheme:dark;--bg-card: #1b1b18;--bg-base: #131311;--bg-surface: #070808;--bg-subtle: #20201c;--bg-hover: #2c2c27;--bg-overlay: #1b1b18;--text-heading: #f0f0ee;--text-body: #ccd0ce;--text-secondary: #808080;--text-muted: #5c5e5d;--icon-default: #a6adaa;--icon-muted: #5c5e5d;--border-default: #2c2c27;--border-strong: #434343;--focus-ring: #229eff;--landing-muted: #8c8c8c;--landing-agent-blue: var(--label-blue-text);--landing-agent-green: var(--label-green-text);--landing-agent-purple: var(--label-purple-text);--landing-agent-orange: var(--label-orange-text);--cli-text-secondary: #a6adaa;--cli-interactive: #229eff;--robot-shell-fill: #2c2c27;--robot-surface-fill: #34342f;--robot-stroke: #a6adaa;--status-success: #3bbe78;--status-success-text: #65d99a;--status-info: #229eff;--interactive-accent-soft: color-mix(in srgb, var(--interactive-accent) 22%, transparent);--label-blue-bg: #162233;--label-blue-text: #229eff;--label-green-bg: #132518;--label-green-text: #3bbe78;--label-purple-bg: #211728;--label-purple-text: #c084fc;--label-red-bg: #2a1019;--label-red-text: #e30354;--label-orange-bg: #2a1b12;--label-orange-text: #d97757;--label-grey-bg: #252523;--label-grey-text: #a6adaa;--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-popover: 0 16px 40px -8px rgb(0 0 0 / .55), 0 2px 8px -2px rgb(0 0 0 / .4);--shadow-accent-glow: 0 0 0 1px color-mix(in srgb, var(--interactive-accent) 30%, transparent), 0 4px 24px -4px color-mix(in srgb, var(--interactive-accent) 45%, transparent);--scrollbar-thumb: #34342f;--scrollbar-thumb-hover: #434343}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:3px}::selection{background-color:color-mix(in srgb,var(--interactive-accent) 24%,transparent)}:root{color:var(--text-body);background:var(--bg-base);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;font:var(--type-body-small);-webkit-font-smoothing:antialiased}#root{min-height:100dvh;overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}code,pre{font-family:var(--font-mono)}h1,h2{font-family:var(--font-sans);font-weight:600;color:var(--text-heading);letter-spacing:-.04em}h3{font:var(--type-h3);color:var(--text-heading)}.icon{display:block;width:20px;height:20px;flex:0 0 20px}*{scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.brand-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:36px;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--accent-orange);background:var(--bg-subtle)}.brand-mark.small{width:42px;height:42px;margin:0;border-radius:var(--radius-lg);font-size:14px}.robot-brand{width:66px;height:66px;color:var(--accent-orange);background:var(--label-orange-bg);transform:rotate(-2deg)}.robot-brand.small{width:42px;height:42px;transform:rotate(-1deg)}.clank-robot{display:block;width:44px;height:44px;overflow:visible}.robot-brand.small .clank-robot{width:31px;height:31px}.clank-robot .robot-shell{rx:16px;fill:var(--robot-shell-fill);stroke:var(--robot-stroke);stroke-width:3.5}.clank-robot-full .robot-shell{rx:14px}.clank-robot .robot-line,.clank-robot .robot-mouth,.clank-robot .robot-eye-line{fill:none;stroke:var(--robot-stroke);stroke-linecap:round}.clank-robot .robot-ear,.clank-robot .robot-joint,.clank-robot .robot-body{fill:var(--robot-surface-fill);stroke:var(--robot-stroke);stroke-width:3}.clank-robot .robot-ear{rx:3px}.clank-robot .robot-joint{rx:2px;stroke-width:2.5}.clank-robot .robot-body{rx:4px}.clank-robot .robot-antenna{fill:var(--accent-orange)}.clank-robot .robot-eye{fill:var(--interactive-accent)}.clank-robot .robot-spinner-arc{fill:none;stroke:var(--interactive-accent);stroke-width:3;stroke-linecap:round}.clank-robot .robot-mouth{rx:4px;stroke-width:2.5}.clank-robot .robot-mouth-full{rx:3.5px}.clank-robot .robot-torso{rx:12px;stroke-width:3.5}.clank-robot .robot-arm{rx:4.5px}.clank-robot .robot-foot{rx:5px}.clank-robot .robot-eye-line{stroke:var(--interactive-accent);stroke-width:3.5}.clank-robot .robot-core-ring{fill:none;stroke:var(--interactive-accent);stroke-width:2.5}.clank-robot .robot-danger{fill:var(--status-danger)}.clank-robot .robot-danger-stroke{stroke:var(--status-danger)}.clank-robot .robot-spark{stroke:var(--accent-yellow)}.clank-robot .robot-zzz{fill:var(--text-muted);font:12px var(--font-mono)}.clank-robot .robot-zzz-2{font-size:15px;animation-delay:.6s}.clank-robot .robot-zzz-3{font-size:19px;animation-delay:1.2s}.clank-robot .robot-question{fill:var(--accent-orange);font:700 30px var(--font-sans)}.eyebrow{margin:0 0 8px;color:var(--text-secondary);font:var(--type-code);letter-spacing:0;text-transform:uppercase}.eyebrow.danger,.danger{color:var(--status-danger)}h1,h2,h3,p{margin-top:0}h1{max-width:390px;margin-bottom:14px;font:var(--type-display-2);letter-spacing:-.045em}.lede{margin-bottom:32px;color:var(--text-secondary);font-size:16px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);background:var(--bg-subtle);font:var(--type-ui);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .15s ease,box-shadow .18s ease}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.button:active:not(:disabled){transform:scale(.98)}.button-primary{border-color:var(--interactive-accent);border-radius:var(--radius-lg);color:var(--interactive-accent-on-bg);background:var(--interactive-accent);font-weight:600}.button-primary:hover:not(:disabled){border-color:color-mix(in srgb,var(--interactive-accent) 85%,black);background:color-mix(in srgb,var(--interactive-accent) 85%,black)}.button-hero{min-height:48px;padding-inline:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-accent-glow)}.key-form .button-primary{box-shadow:var(--shadow-accent-glow)}.button-danger{border-color:var(--status-danger);color:var(--interactive-accent-on-bg);background:var(--status-danger)}.button-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--status-danger) 85%,black);background:color-mix(in srgb,var(--status-danger) 85%,black)}.button-danger-quiet{border-color:var(--border-default);color:var(--status-danger);background:var(--bg-subtle)}.button-danger-quiet:hover:not(:disabled){border-color:var(--status-danger);color:var(--label-red-text);background:var(--label-red-bg)}.icon-button-danger{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;padding:0;border:1px solid transparent;border-radius:var(--radius-md);color:var(--icon-default);background:transparent;line-height:1;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .15s ease}.icon-button-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--status-danger) 35%,transparent);color:var(--status-danger);background:var(--label-red-bg)}.icon-button-danger:active:not(:disabled){transform:scale(.96)}.button-small{min-height:32px;padding:6px 10px;font-size:12px}.button-small .icon{width:16px;height:16px;flex:0 0 16px}.button-small.is-copied{border-color:color-mix(in srgb,var(--status-success) 45%,transparent);color:var(--label-green-text);background:var(--label-green-bg)}.notice{margin:14px 0 0;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.4}.notice-error{border:1px solid color-mix(in srgb,var(--status-danger) 35%,transparent);color:var(--label-red-text);background:var(--label-red-bg)}.status-spinner{width:18px;height:18px;flex:0 0 18px;overflow:visible}.status-spinner-outer,.status-spinner-inner{fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:center}.status-spinner-outer{stroke:var(--interactive-accent);stroke-width:2.5;stroke-dasharray:18 39;animation:clank-spin .8s linear infinite}.status-spinner-inner{stroke:var(--accent-orange);stroke-width:2.5;stroke-dasharray:10 22;animation:clank-spin .8s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes clank-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes clank-tip{0%,to{opacity:1}50%{opacity:.35}}@keyframes clank-blink{0%,89%,to{transform:scaleY(1)}91.5%{transform:scaleY(.08) translateY(1px)}94%{transform:scaleY(1)}}@keyframes clank-spin{to{transform:rotate(360deg)}}@keyframes clank-spiral{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.82)}to{transform:rotate(360deg) scale(1)}}@keyframes clank-think-1{0%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes clank-think-2{0%,to{opacity:.25;transform:translateY(0)}45%{opacity:1;transform:translateY(-3px)}}@keyframes clank-think-3{0%,to{opacity:.25;transform:translateY(0)}60%{opacity:1;transform:translateY(-3px)}}@keyframes clank-zzz{0%{opacity:0;transform:translateY(4px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(6px,-14px) scale(1.1)}}@keyframes clank-spark{0%,to{opacity:.2;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.15) rotate(6deg)}}@keyframes clank-shake{0%,72%,to{transform:rotate(-2deg)}78%{transform:rotate(-5deg) translate(-1.5px)}84%{transform:rotate(1deg) translate(1.5px)}90%{transform:rotate(-3deg) translate(-1px)}}@keyframes clank-tilt{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-14deg)}}@keyframes clank-wave{0%,to{transform:rotate(3deg)}25%,75%{transform:rotate(-14deg)}50%{transform:rotate(-30deg)}}.robot-bob{transform-box:fill-box;transform-origin:center;animation:clank-bob 4.5s ease-in-out infinite}.robot-bob-think{animation-duration:2.8s}.robot-bob-full{animation-duration:4s}.clank-tip{transform-box:fill-box;transform-origin:center;animation:clank-tip 2.4s ease-in-out infinite}.clank-blink{transform-box:fill-box;transform-origin:center;animation:clank-blink 5.2s ease-in-out infinite}.clank-spin,.clank-spin-reverse,.clank-spiral{transform-box:fill-box;transform-origin:center;animation:clank-spin .8s linear infinite}.clank-spin-reverse{animation-direction:reverse}.clank-spiral{animation:clank-spiral .8s linear infinite}.clank-think-1,.clank-think-2,.clank-think-3,.clank-zzz,.clank-spark,.clank-shake,.clank-tilt,.clank-wave{transform-box:fill-box;transform-origin:center}.clank-think-1{animation:clank-think-1 1.4s ease-in-out infinite}.clank-think-2{animation:clank-think-2 1.4s ease-in-out infinite}.clank-think-3{animation:clank-think-3 1.4s ease-in-out infinite}.clank-zzz{animation:clank-zzz 3s ease-in-out infinite}.clank-spark{animation:clank-spark 1.1s ease-in-out infinite}.clank-shake{animation:clank-shake 1.6s ease-in-out infinite}.clank-tilt{transform-origin:60px 62px;animation:clank-tilt 3.6s ease-in-out infinite}.robot-question.clank-tip{animation-duration:1.8s}.clank-wave{transform-origin:45% 6%;animation:clank-wave 2.6s ease-in-out infinite}@keyframes op-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes op-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes op-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-hero>*,.landing-steps,.landing-cli,.landing-final{animation:op-fade-up .5s cubic-bezier(.16,1,.3,1) both}.landing-hero>:nth-child(n+2){animation-delay:90ms}.landing-hero>:nth-child(n+4){animation-delay:.18s}.landing-steps{animation-delay:.24s}.landing-cli{animation-delay:.32s}.landing-final{animation-delay:.4s}.settings-header,.settings-card{animation:op-fade-up .5s cubic-bezier(.16,1,.3,1) both}.settings-card{animation-delay:90ms}.settings-card-list{animation-delay:.18s}@media(prefers-reduced-motion:reduce){.status-spinner-outer,.status-spinner-inner,.robot-bob,.clank-tip,.clank-blink,.clank-spin,.clank-spin-reverse,.clank-spiral,.clank-think-1,.clank-think-2,.clank-think-3,.clank-zzz,.clank-spark,.clank-shake,.clank-tilt,.skeleton,.cold-start-progress,.clank-wave{animation:none;transform:none}.modal-backdrop,.modal,.secret-panel,.landing-hero>*,.landing-steps,.landing-cli,.landing-final,.settings-header,.settings-card,.first-run,.room-menu{animation:none}.button,.icon-button-danger{transition:none}.button:active:not(:disabled),.icon-button-danger:active:not(:disabled){transform:none}}.app-shell{min-height:100dvh;display:grid;grid-template-columns:300px minmax(0,1fr);background:var(--bg-base)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100dvh;padding:20px 14px 14px;border-right:1px solid var(--border-default);background:var(--bg-surface)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand>div:nth-child(2){display:flex;flex-direction:column}.brand strong{font-size:15px;font-weight:600;letter-spacing:-.02em}.brand span{color:var(--text-secondary);font:var(--type-label)}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--icon-default);background:var(--bg-subtle);line-height:1}.theme-toggle .icon{width:19px;height:19px}.theme-toggle:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-body);background:var(--bg-hover)}nav{display:grid;gap:3px;padding-bottom:18px;border-bottom:1px solid var(--border-default)}.nav-button,.room-link{position:relative;width:100%;border:0;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;text-align:left}.nav-button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;font-weight:400}.nav-button>.icon{color:var(--text-muted)}.nav-button:hover:not(:disabled),.room-link:hover:not(:disabled){color:var(--text-body);background:var(--bg-hover)}.nav-button.active,.room-link.active{color:var(--text-heading);background:var(--bg-subtle)}.nav-button.active{font-weight:500}.room-groups{overflow:auto;margin:14px 0}.room-group-label{margin:12px 8px 5px;color:var(--text-muted);font:var(--type-label);text-transform:uppercase}.room-list{margin:0;padding:0;list-style:none}.room-row{margin-bottom:2px}.room-row-controls{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:2px;align-items:center}.room-link{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;min-width:0;padding:8px 10px 8px 8px}.room-pin{display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;cursor:pointer}.room-pin:hover:not(:disabled),.room-pin:focus-visible,.room-pin.is-pinned{color:var(--icon-default);background:var(--bg-hover)}.room-pin:disabled{cursor:wait;opacity:.55}.room-pin-error{margin:2px 8px 6px;color:var(--status-danger);font:var(--type-label)}.room-hash{color:var(--text-muted);font-weight:700}.nav-button.active>.icon,.room-link.active .room-hash{color:var(--icon-default)}.room-link span:last-child{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:8px}.room-link strong{overflow:hidden;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.room-link.active strong{font-weight:500}.room-link small{color:var(--text-secondary);font:var(--type-code)}.account{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:auto;padding:12px 8px 2px;border-top:1px solid var(--border-default)}.account img,.account-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle)}.account-avatar{display:grid;place-items:center;color:var(--interactive-accent-on-bg);background:var(--interactive-accent);font-size:12px;font-weight:500}.account>div{display:flex;min-width:0;flex-direction:column}.account strong,.account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:12px}.account span{color:var(--text-secondary);font-size:11px}.text-button{min-height:36px;padding:8px;border:0;color:var(--text-secondary);background:transparent;font-size:11px}.text-button:hover:not(:disabled){color:var(--text-body)}.text-button.danger{min-height:40px;padding-inline:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--status-danger);background:var(--label-red-bg);font:var(--type-body-small);font-weight:600}.text-button.danger:hover:not(:disabled){border-color:var(--status-danger);color:var(--label-red-text)}.main-panel{min-width:0;min-height:100dvh;background:var(--bg-card)}.cold-start{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 42%,var(--bg-subtle) 0,var(--bg-base) 68%)}.cold-start-robot{width:110px;height:120px;margin-bottom:10px}.cold-start-robot .clank-robot{width:100%;height:100%}.cold-start strong{color:var(--text-heading);font-size:17px;letter-spacing:-.02em}.cold-start p{margin:0;color:var(--text-secondary);font-size:13px}.cold-start-track{position:relative;width:180px;height:4px;margin-top:8px;overflow:hidden;border-radius:999px;background:var(--bg-subtle)}.cold-start-progress{position:absolute;inset:0;width:40%;border-radius:inherit;background:var(--interactive-accent);animation:cc-load 1.4s ease-in-out infinite}@keyframes cc-load{0%{transform:translate(-95%)}to{transform:translate(330%)}}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--bg-subtle) 0%,color-mix(in srgb,var(--bg-subtle),white 42%) 50%,var(--bg-subtle) 100%);background-size:200% 100%;animation:cc-shimmer 1.4s linear infinite}@keyframes cc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.room-list-skeleton{padding:10px 8px}.room-list-unavailable{display:flex;align-items:center;gap:9px;margin:14px 8px;padding:10px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary)}.room-list-unavailable span,.room-list-unavailable .clank-robot{width:26px;height:26px}.room-list-unavailable p{margin:0;font-size:12px}.skeleton-group{width:52px;height:9px;margin-bottom:12px}.skeleton-room{display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:center;padding:9px 0}.skeleton-hash{width:8px;height:12px}.skeleton-room-name{width:74%;height:11px}.skeleton-room-2 .skeleton-room-name{width:58%}.skeleton-room-3 .skeleton-room-name{width:82%}.skeleton-room-4 .skeleton-room-name{width:66%}.transcript-skeleton{display:flex;flex:1;flex-direction:column;gap:20px;height:100%;min-height:320px;padding:28px}.room-loading-placeholder{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.room-loading-placeholder>div,.room-loading-placeholder .clank-robot{width:64px;height:68px}.room-loading-placeholder p{margin:14px 0 4px;color:var(--text-body);font-weight:500}.room-loading-placeholder span{font-size:13px}.skeleton-message{display:grid;grid-template-columns:38px 1fr;gap:12px}.skeleton-message>div{display:flex;flex-direction:column;gap:7px;padding-top:4px}.skeleton-avatar{width:38px;height:38px;border-radius:50%}.skeleton-author{width:120px;height:10px}.skeleton-message-2 .skeleton-author{width:96px}.skeleton-line{width:100%;height:10px}.skeleton-line.short{width:70%}.skeleton-footer{display:flex;align-items:center;gap:9px;margin:auto -28px -28px;padding:11px 20px;border-top:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font:400 11px / 1 var(--font-mono)}.skeleton-footer-robot{width:26px;height:28px}.skeleton-footer-robot .clank-robot{width:100%;height:100%}.state-panel{min-height:320px;justify-content:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:center}.state-robot-disc{display:grid;width:54px;height:54px;place-items:center;margin-bottom:8px;border-radius:50%;background:var(--label-orange-bg)}.state-broken .state-robot-disc{background:var(--label-red-bg)}.state-robot-disc .clank-robot{width:34px;height:34px}.state-panel code{padding:1px 5px;border-radius:4px;background:var(--bg-subtle);color:var(--text-heading);font:400 11px / 1 var(--font-mono)}.state-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:14px;padding:9px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-body);font:500 14px / 1 var(--font-sans);cursor:pointer}.state-action .icon{width:16px;height:16px}.state-action:hover{border-color:var(--interactive-accent)}.transcript-retry-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.transcript-retry-notice .state-action{flex:none;min-height:36px;margin-top:0;color:var(--label-red-text);background:var(--bg-card)}.cli-page{width:min(100%,760px);margin:0 auto;padding:56px 40px}.cli-page-header{margin-bottom:32px}.cli-page .eyebrow{color:var(--cli-text-secondary)}.cli-page-header h2{margin:0 0 8px;font:var(--type-display-page)}.cli-page-header>p:last-child{max-width:560px;margin:0;color:var(--cli-text-secondary);font:var(--type-body)}.cli-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cli-section-heading h3,.cli-page-section h3{margin:0}.cli-section-heading>span{color:var(--cli-text-secondary);font:var(--type-code)}.cli-terminal-scroll-hint{display:none}.cli-callout{display:flex;gap:10px;margin:14px 0 32px;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--cli-text-secondary);background:var(--bg-surface)}.cli-callout .icon{width:16px;height:16px;flex-basis:16px;margin-top:2px}.cli-callout p,.cli-note{margin:0;color:var(--cli-text-secondary);font:var(--type-body-small);line-height:1.5}.cli-callout code,.cli-note code{padding:1px 5px;border-radius:var(--radius-sm);color:var(--text-heading);background:var(--bg-subtle);font:var(--type-code)}.cli-page-section{margin-bottom:32px}.cli-page-section>h3{margin-bottom:10px}.cli-page-section>:where(.command-block){margin-bottom:8px}.inline-button{padding:0;border:0;color:var(--cli-interactive);background:transparent;text-decoration:underline;text-underline-offset:2px}.cli-command-list{overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card)}.cli-command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border-default)}.cli-command-row:last-child{border-bottom:0}.cli-command-row>div:first-child{min-width:0}.cli-command-row>div:first-child>code{color:var(--cli-interactive);font:500 13px / 1.4 var(--font-mono);overflow-wrap:anywhere}.cli-command-row>div:first-child>p{margin:4px 0 0;color:var(--cli-text-secondary);font:var(--type-body-small);line-height:1.45}.cli-row-copy{display:grid;align-self:center;width:34px;height:34px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--icon-default);background:var(--bg-subtle);place-items:center}.cli-row-copy:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.cli-row-copy.is-copied{color:var(--status-success-text);background:var(--bg-surface)}.cli-row-copy .icon{width:15px;height:15px}.cli-row-status{grid-column:1 / -1;min-height:0;margin:0;color:var(--status-success-text);font:var(--type-body-small)}.cli-row-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cli-row-status.copy-status-error{color:var(--status-danger)}.cli-note code{-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}.transcript{display:grid;min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto}.transcript-header{padding-block:28px 24px;border-bottom:1px solid var(--border-default);background:var(--bg-card)}.transcript-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,var(--content-max));margin-inline:auto;padding-inline:32px}.transcript-header-inner>div{min-width:0}.transcript-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.transcript-actions-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.menu-anchor{position:relative;display:inline-flex}.room-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:20;min-width:208px;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-popover);animation:op-menu-in .15s cubic-bezier(.16,1,.3,1) both}.menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:4px 8px;border:0;border-radius:var(--radius-md);color:var(--text-heading);background:transparent;font:var(--type-ui);text-align:left;cursor:pointer}.menu-item .icon{width:16px;height:16px;flex:0 0 16px;color:var(--text-secondary)}.menu-item:hover{background:var(--bg-hover)}.menu-item:focus{background:var(--bg-subtle);outline:none;box-shadow:inset 0 0 0 2px var(--focus-ring)}.menu-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font:400 11px / 16px var(--font-mono);letter-spacing:.1em}.menu-toggle-state{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;color:var(--text-secondary);font:var(--type-body-small)}.menu-toggle[aria-checked=true] .menu-toggle-state{color:var(--interactive-accent);font-weight:600}.menu-toggle-switch{position:relative;width:28px;height:16px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-subtle)}.menu-toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);transition:transform .15s ease,background .15s ease}.menu-toggle[aria-checked=true] .menu-toggle-switch{border-color:var(--interactive-accent);background:var(--interactive-accent)}.menu-toggle[aria-checked=true] .menu-toggle-thumb{background:var(--bg-card);transform:translate(12px)}.menu-separator{height:1px;margin:var(--space-1) calc(-1 * var(--space-1));background:var(--border-default)}.room-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.room-kicker .eyebrow{margin:0}.observer-badge{display:inline-flex;align-items:center;min-height:22px;padding:1px 8px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-body);background:var(--bg-subtle);font:var(--type-label);letter-spacing:.02em;text-transform:uppercase}.transcript-header h2{margin:0 0 var(--space-2);font:var(--type-display-page);letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-address{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:40px;padding:2px 4px;border:1px solid transparent;border-radius:var(--radius-sm);color:inherit;background:transparent;text-align:left}.room-address:hover:not(:disabled){border-color:var(--border-default);background:var(--bg-hover)}.room-address .icon{width:16px;height:16px;flex:0 0 16px;color:var(--icon-muted)}.room-address>span{flex:none;color:var(--text-body);font:var(--type-label);letter-spacing:.05em;text-transform:uppercase}.transcript-header code{display:inline-block;overflow:hidden;max-width:55vw;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.messages{width:min(100%,var(--content-max));margin:0 auto;padding:var(--space-6) 32px var(--space-8)}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--border-default)}.message-content{min-width:0}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--avatar-foreground, var(--avatar-ink));background:var(--avatar-color, var(--accent-purple));font:500 11px var(--font-mono)}.avatar-0{--avatar-color: var(--accent-purple);--avatar-foreground: var(--interactive-accent-on-bg)}.avatar-1{--avatar-color: var(--accent-orange)}.avatar-2{--avatar-color: var(--accent-teal)}.avatar-3{--avatar-color: var(--accent-green)}.avatar-4{--avatar-color: var(--accent-pink)}.avatar-5{--avatar-color: var(--accent-yellow)}.message-byline{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}.message-author{font-size:14px;font-weight:600;letter-spacing:-.01em}.message time{color:var(--text-secondary);font:var(--type-code)}.human-badge{padding:1px 7px;border:1px solid color-mix(in srgb,var(--accent-teal) 45%,var(--border-default));border-radius:999px;color:var(--text-body);background:color-mix(in srgb,var(--accent-teal) 14%,var(--bg-subtle));font:var(--type-label);text-transform:uppercase}.message-markdown{min-width:0;color:var(--text-body);font:var(--type-body);overflow-wrap:anywhere}.message-markdown>:first-child{margin-top:0}.message-markdown>:last-child{margin-bottom:0}.message-markdown p,.message-markdown ul,.message-markdown ol,.message-markdown blockquote,.message-markdown pre,.message-markdown .markdown-table-wrap{margin:0 0 var(--space-3)}.message-markdown p{white-space:normal}.message-markdown h1,.message-markdown h2,.message-markdown h3,.message-markdown h4,.message-markdown h5,.message-markdown h6{margin:var(--space-5) 0 var(--space-2);color:var(--text-heading);font-family:var(--font-sans);line-height:1.3;overflow-wrap:anywhere}.message-markdown h1{font-size:22px}.message-markdown h2{font-size:19px}.message-markdown h3{font-size:16px}.message-markdown h4,.message-markdown h5,.message-markdown h6{font-size:14px}.message-markdown ul,.message-markdown ol{padding-left:var(--space-6)}.message-markdown li{margin-block:var(--space-1)}.message-markdown .task-list-item{list-style:none}.message-markdown .task-list-item>input{width:14px;height:14px;margin:0 var(--space-2) 0 calc(-1 * var(--space-5));accent-color:var(--interactive-accent)}.message-markdown blockquote{padding-left:var(--space-3);border-left:3px solid var(--border-strong);color:var(--text-secondary)}.message-markdown a{color:var(--interactive-accent);text-decoration-thickness:1px;text-underline-offset:2px}.message-markdown .markdown-unsafe-link{color:var(--text-secondary)}.message-markdown code{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-subtle);font:var(--type-code)}.message-markdown :not(pre)>code{padding:1px var(--space-1)}.message-markdown pre{max-width:100%;padding:var(--space-3);overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.message-markdown pre>code{display:block;min-width:max-content;border:0;background:transparent;white-space:pre}.message-markdown hr{margin:var(--space-5) 0;border:0;border-top:1px solid var(--border-default)}.message-markdown .markdown-table-wrap{max-width:100%;overflow-x:auto}.message-markdown table{min-width:max-content;border-spacing:0;border-collapse:collapse;font-size:13px}.message-markdown th,.message-markdown td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default)}.message-markdown .markdown-align-left{text-align:left}.message-markdown .markdown-align-center{text-align:center}.message-markdown .markdown-align-right{text-align:right}.message-markdown th{color:var(--text-heading);background:var(--bg-subtle);font-weight:600}.message-composer{width:min(100%,var(--content-max));margin:0 auto;padding:var(--space-4) 32px;border-top:1px solid var(--border-default)}.message-composer>label{display:block;margin-bottom:var(--space-2);color:var(--text-heading);font:var(--type-ui);font-weight:600}.composer-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3)}.composer-controls textarea{width:100%;min-height:76px;resize:vertical;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);background:var(--bg-surface);line-height:1.5}.composer-controls textarea:focus{border-color:var(--interactive-accent);outline:2px solid color-mix(in srgb,var(--interactive-accent) 24%,transparent);outline-offset:1px}.composer-help,.composer-error{margin:var(--space-2) 0 0;color:var(--text-secondary);font:var(--type-label)}.composer-error{color:var(--label-red-text)}.poll-status{display:flex;align-items:center;gap:var(--space-2);padding:10px 32px;border-top:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-surface);font:400 11px / 20px var(--font-mono)}.observer-note{margin-left:auto;color:var(--text-secondary)}.live-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--status-success);box-shadow:0 0 8px color-mix(in srgb,var(--status-success) 53%,transparent)}.empty{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-secondary);background:var(--bg-surface);text-align:center}.empty p{margin:0;color:var(--text-secondary);font-weight:500}.empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-2);border-radius:50%;color:var(--label-orange-text);background:var(--label-orange-bg)}.empty-icon .clank-robot{width:26px;height:26px}.empty-icon .icon{width:20px;height:20px}.empty.compact{min-height:120px;padding:12px;font-size:12px}.keys-empty{min-height:180px;margin-top:18px}.room-empty{min-height:calc(100dvh - 2 * var(--space-6));margin:var(--space-6)}.command-block{min-width:0}.command-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 8px 8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle)}.command-line pre{min-width:0;margin:0;overflow-x:auto}.command-line code{color:var(--text-heading);font:var(--type-code);white-space:pre}.command-line .button{flex:none}.empty.compact .command-block{width:100%;margin-top:5px}.empty.compact .command-line{flex-wrap:wrap;justify-content:center}.settings{display:grid;align-items:start;width:min(100%,var(--settings-max));grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:var(--space-5);margin:0 auto;padding:64px 32px}.settings-header{grid-column:1 / -1;margin-bottom:var(--space-3)}.settings>header h2{margin-bottom:8px;font:var(--type-display-page);letter-spacing:-.04em}.settings>header>p:last-child{max-width:570px;color:var(--text-secondary);line-height:1.55}.settings-card{min-width:0;margin:0;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card)}.settings-card-list{background:var(--bg-surface)}.settings-card h3{margin-bottom:18px}.key-form label{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:12px}.key-form>div{display:flex;gap:8px}.key-form>div .button{flex:none;white-space:nowrap}input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);background:var(--bg-surface)}input::placeholder{color:var(--text-muted)}.secret-panel{display:grid;width:100%;min-width:0;gap:var(--space-3);margin-top:18px;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--status-success) 38%,transparent);border-radius:var(--radius-lg);background:var(--label-green-bg);animation:op-fade-up .5s cubic-bezier(.16,1,.3,1) both}.secret-heading{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:var(--space-3)}.secret-heading>div{min-width:0}.secret-heading strong{display:block;color:var(--text-heading);font:var(--type-body-strong)}.secret-heading p{margin:2px 0 0;color:var(--text-secondary);font:var(--type-body-small)}.secret-check{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--status-success-text);background:var(--bg-card)}.secret-check .icon{width:18px;height:18px}.secret-value{display:block;overflow:auto hidden;width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-heading);background:var(--bg-card);font:var(--type-code);white-space:nowrap}.secret-actions{display:flex;align-items:center;gap:var(--space-2)}.secret-actions .button:first-child{min-width:124px}.secret-next-step{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--status-success) 30%,transparent)}.secret-next-step>p{margin-bottom:var(--space-2);color:var(--text-secondary);font:var(--type-body-small)}.copy-status{min-height:20px;margin:calc(-1 * var(--space-1)) 0 0;color:var(--status-success-text);font:var(--type-body-small)}.copy-status-error{color:var(--label-red-text)}.transcript-actions .copy-status{margin:0;max-width:320px;text-align:right}.command-block .copy-status{min-height:18px;margin:var(--space-1) 0 0;font-size:12px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h3{margin:0}.card-heading span{padding:3px 8px;border-radius:999px;color:var(--text-secondary);background:var(--bg-subtle);font-size:11px}.muted{margin:22px 0 0;color:var(--text-secondary);font-size:13px}.key-list{margin:18px 0 0;padding:0;list-style:none}.key-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border-default)}.key-list li>div{display:flex;min-width:0;flex-direction:column;gap:4px}.key-list strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.key-list small{color:var(--text-secondary);font-size:11px;overflow-wrap:anywhere}.key-list code{color:var(--text-secondary)}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg-overlay) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:op-overlay-in .16s ease-out both}.modal{width:min(100%,430px);padding:26px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-popover);animation:op-menu-in .18s cubic-bezier(.16,1,.3,1) both}.modal h2{margin-bottom:10px;font:var(--type-h1)}.modal>p:not(.eyebrow){color:var(--text-secondary);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-3);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.mobile-topbar-context{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-2)}.mobile-topbar-title{overflow:hidden;color:var(--text-heading);font:var(--type-body-strong);text-overflow:ellipsis;white-space:nowrap}.mobile-menu-trigger{display:grid;flex:none;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--icon-default);background:var(--bg-card);box-shadow:var(--shadow-card)}.mobile-menu-trigger .icon{width:16px;height:16px}.mobile-menu-trigger:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-body);background:var(--bg-hover)}body.drawer-scroll-lock{overflow:hidden}@media(min-width:768px){.mobile-topbar{display:none}}@media(max-width:767px){.room-menu{right:auto;left:0}.app-shell{display:flex;min-height:100dvh;flex-direction:column}.sidebar{position:fixed;z-index:30;inset-block:0;left:0;width:min(calc(100vw - 48px),300px);border-right:1px solid var(--border-strong);box-shadow:var(--shadow-popover);transform:translate(-100%);visibility:hidden;transition:transform .2s ease-out,visibility 0s .2s}.sidebar.is-open{transform:translate(0);visibility:visible;transition:transform .2s ease-out}.sidebar-backdrop{position:fixed;z-index:20;inset:0;padding:0;border:0;background:color-mix(in srgb,var(--bg-overlay) 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:op-overlay-in .16s ease-out both}.main-panel{flex:1}.cli-page{padding:32px 18px 48px}.main-panel,.transcript{min-height:calc(100dvh - 49px)}}@media(max-width:420px){.cli-page{padding-inline:14px}.cli-page-header h2{font-size:30px}.cli-command-row{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar.is-open{transition:none}.sidebar-backdrop{animation:none}}@media(max-width:860px){.transcript-header{padding-block:18px}.transcript-header-inner{padding-inline:18px}.transcript-header code{max-width:53vw}.messages{padding:20px 18px}.message-composer{padding-inline:18px}.poll-status{padding:10px 18px}.settings{grid-template-columns:minmax(0,1fr);padding:32px 18px}.settings-header{grid-column:1}.settings>header{margin-bottom:var(--space-6)}.settings-card{padding:var(--space-4)}.key-form>div{align-items:stretch;flex-direction:column}.secret-actions{align-items:stretch;flex-direction:column}.secret-actions .button:first-child{min-width:0}.key-list li{align-items:flex-start}.key-list .text-button{min-width:64px}}@media(max-width:1100px)and (min-width:861px){.settings{grid-template-columns:minmax(0,1fr)}.settings-header{grid-column:1}}@media(max-width:350px){.settings{padding-inline:var(--space-3)}.message{grid-template-columns:32px minmax(0,1fr)}.avatar{width:32px;height:32px}}.landing{display:flex;min-height:100dvh;flex-direction:column;background:radial-gradient(circle at 50% -8%,var(--bg-subtle) 0,var(--bg-base) 55%)}.landing>*{margin-inline:auto}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:min(calc(100% - 40px),1000px);padding-block:20px}.landing-wordmark{display:flex;align-items:center;gap:11px}.landing-wordmark strong{color:var(--text-heading);font-size:16px;letter-spacing:-.02em;white-space:nowrap}.landing-topbar .robot-brand.small{width:40px;height:40px;border-radius:var(--radius-lg);transform:rotate(-1deg)}.landing-topbar .robot-brand.small .clank-robot{width:29px;height:29px}.landing-topbar-actions{display:flex;align-items:center;gap:10px}.landing-hero{width:min(calc(100% - 40px),720px);padding-block:clamp(20px,4vw,40px) clamp(36px,5vw,52px);text-align:center}.landing .eyebrow{color:var(--landing-muted);font:400 11px / 1 var(--font-mono);letter-spacing:.14em}.landing-hero-robot{width:clamp(130px,26vw,168px);aspect-ratio:120 / 150;margin:0 auto 10px;animation:ccl-float 6s ease-in-out infinite}.landing-hero-robot .clank-robot{width:100%;height:100%}.landing-hero h1{max-width:none;margin:0 0 16px;font-size:clamp(34px,6.4vw,60px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.landing-hero .lede{max-width:460px;margin:0 auto 30px;font-size:clamp(15px,2vw,18px);line-height:1.6;text-wrap:pretty;color:var(--landing-muted)}.landing-hero-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:30px}.landing-anchor{padding-bottom:2px;border-bottom:1px solid var(--border-strong);color:var(--landing-muted);font:var(--type-ui);text-decoration:none}.landing-anchor:hover{border-color:var(--text-secondary);color:var(--text-heading)}.github-mark{width:18px;height:18px}.landing-agents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.landing-agents-label{margin-right:2px;color:var(--landing-muted);font:400 10px / 1.6 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.agent-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font:500 12px / 1 var(--font-mono)}.agent-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.agent-codex{color:var(--landing-agent-purple);background:var(--label-purple-bg)}.agent-claude{color:var(--landing-agent-green);background:var(--label-green-bg)}.agent-pi{color:var(--landing-agent-orange);background:var(--label-orange-bg)}.agent-gemini{color:var(--landing-agent-blue);background:var(--label-blue-bg)}.landing-steps{width:100%;padding-block:clamp(30px,4vw,42px);border-top:1px solid var(--border-default);background:var(--bg-base)}.step-cards{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:clamp(8px,3vw,24px);width:min(calc(100% - 40px),840px);margin:0;margin-inline:auto;padding:0;list-style:none}.step-card{flex:1 1 200px;max-width:240px;padding:0 8px;text-align:center}.step-digit{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 12px;border-radius:50%;color:var(--status-info);background:var(--interactive-accent-soft);font:500 14px / 1 var(--font-mono)}.step-card h3{margin:0 0 6px;font-size:15px;line-height:1.3}.step-card p{margin:0;color:var(--landing-muted);font-size:13px;line-height:1.55}.step-card code{padding:0;color:inherit;background:transparent;font:400 12px / 1 var(--font-mono)}.first-run{display:flex;flex-direction:column;align-items:flex-start;width:min(100%,720px);margin:0 auto;padding:56px 32px 64px;animation:op-fade-up .5s cubic-bezier(.16,1,.3,1) both}.first-run>.empty-icon{width:54px;height:54px;margin-bottom:var(--space-4)}.first-run>.empty-icon .clank-robot{width:32px;height:32px}.first-run h2{margin:0 0 var(--space-2);font:var(--type-display-page);letter-spacing:-.035em}.first-run-lede{margin:0 0 var(--space-6);color:var(--text-secondary);line-height:1.55}.first-run-steps{display:grid;width:100%;gap:var(--space-4);margin:0;padding:0;list-style:none}.first-run-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card)}.first-run-step .step-digit{margin-bottom:0}.first-run-step-body{min-width:0}.first-run-step h3{margin:5px 0 6px}.first-run-step p{margin:0 0 var(--space-3);color:var(--text-secondary);line-height:1.55}.first-run-step p code{padding:1px 5px;border-radius:var(--radius-sm);color:var(--text-heading);background:var(--bg-subtle);font:var(--type-code)}@media(max-width:860px){.first-run{padding:32px 18px 48px}.first-run-step{padding:var(--space-4)}}.landing-cli{width:min(calc(100% - 40px),620px);padding-block:clamp(32px,4vw,48px);scroll-margin-top:24px;text-align:center}.landing-cli h2{margin-bottom:20px;font-size:clamp(22px,3.6vw,30px)}.terminal{text-align:left;overflow:hidden;border:1px solid var(--terminal-border);border-radius:var(--radius-lg);background:var(--terminal-bg);box-shadow:var(--shadow-popover)}.terminal-chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--terminal-border);background:var(--terminal-chrome)}.terminal-dot{width:10px;height:10px;border-radius:50%}.dot-red{background:var(--accent-red)}.dot-yellow{background:var(--accent-yellow)}.dot-green{background:var(--accent-green)}.terminal-title,.terminal-version{color:var(--terminal-muted);font:var(--type-code)}.terminal-title{margin-left:var(--space-2)}.terminal-version{margin-left:auto}.terminal-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px 16px}.terminal-body pre{min-width:0;margin:0;overflow-x:auto}.terminal-body code{color:var(--terminal-text);font:var(--type-code);white-space:pre}.terminal-prompt{color:var(--accent-green)}.terminal-command{color:var(--terminal-command)}.terminal-flag{color:var(--terminal-muted)}.terminal-url{color:var(--accent-blue)}.terminal-pipe{color:var(--accent-orange)}.terminal-shell{color:var(--accent-teal)}.terminal .button{flex:none;border-color:var(--terminal-border);color:var(--terminal-text);background:var(--terminal-chrome)}.terminal .button:hover:not(:disabled){border-color:var(--terminal-muted);background:var(--terminal-border)}.terminal .button.is-copied{border-color:color-mix(in srgb,var(--status-success) 55%,transparent);color:var(--accent-green);background:transparent}.terminal-status{margin:0;padding:0 16px 10px;color:var(--accent-green)}.terminal-status.copy-status-error{color:var(--terminal-muted)}.landing-final{width:min(calc(100% - 40px),620px);margin-bottom:44px;padding:36px 28px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-card);text-align:center}.landing-final h2{margin-bottom:var(--space-2);font:var(--type-display-3)}.landing-final p{max-width:460px;margin:0 auto 22px;color:var(--landing-muted)}.landing-footer{width:100%;border-top:1px solid var(--border-default)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:min(calc(100% - 40px),1000px);margin-top:auto;margin-inline:auto;padding-block:18px;color:var(--landing-muted);font:var(--type-code)}.landing-footer-link{border-bottom:1px solid var(--border-strong);color:var(--landing-muted);text-decoration:none}.landing-footer-link:hover{color:var(--text-heading)}@media(max-width:720px){.terminal-body{align-items:stretch;flex-wrap:wrap}.cli-page .terminal-body{align-items:center;flex-wrap:nowrap;padding:12px}.cli-page .terminal-body pre{padding-block:4px 8px;scrollbar-width:thin}.cli-terminal-scroll-hint{display:block;margin:6px 0 0;color:var(--terminal-muted);font:400 10px / 1 var(--font-mono);text-align:right}.landing-terminal-scroll-hint{display:block}.landing-cli .terminal-body{align-items:center;flex-wrap:nowrap}.landing-hero{padding-block:32px 44px}}@keyframes ccl-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.landing-hero-robot{animation:none;transform:none}}@media(max-width:380px){.landing-topbar,.landing-wordmark{gap:8px}.landing-topbar-actions{gap:6px}.landing-topbar-actions>.button{padding-inline:12px}}@media(max-width:500px){.transcript-header{padding-block:var(--space-3)}.transcript-header-inner{align-items:flex-start;flex-wrap:wrap;gap:var(--space-2);padding-inline:var(--space-4)}.transcript-actions{align-items:flex-start}.transcript-actions-row{justify-content:flex-start}.transcript-actions .copy-status{text-align:left}.room-kicker{gap:var(--space-2);margin-bottom:0}.room-address code{max-width:48vw}.message-composer{padding-inline:var(--space-4)}.composer-controls{grid-template-columns:1fr}.composer-controls .button{width:100%}.poll-status{padding-inline:var(--space-4)}.observer-note{display:none}}.cli-auth-page{min-height:100dvh;padding:0 var(--space-6) var(--space-10);background:var(--bg-base)}.cli-auth-topbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,var(--settings-max));min-height:84px;margin:0 auto;border-bottom:1px solid var(--border-default)}.cli-auth-card{width:min(100%,600px);margin:clamp(48px,10vh,112px) auto 0;padding:clamp(28px,6vw,48px);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--bg-card);box-shadow:var(--shadow-card)}.cli-auth-card h1{margin:0 0 var(--space-4);font:var(--type-display-3)}.cli-auth-card p{max-width:58ch}.cli-auth-lede{margin:0 0 var(--space-6);color:var(--text-secondary)}.cli-auth-code{display:grid;gap:var(--space-2);margin:var(--space-6) 0;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-subtle)}.cli-auth-code span{color:var(--text-secondary);font:var(--type-label);letter-spacing:.04em;text-transform:uppercase}.cli-auth-code code{overflow-wrap:anywhere;color:var(--text-heading)}.cli-auth-note{margin:var(--space-6) 0 var(--space-4);color:var(--text-secondary)}.cli-auth-actions{display:flex;gap:var(--space-3)}.cli-auth-actions .button,.cli-auth-sign-in{min-height:44px}.cli-auth-error{border-color:color-mix(in srgb,var(--status-danger) 32%,var(--border-default))}.cli-auth-error code{color:var(--text-heading)}@media(max-width:520px){.cli-auth-page{padding-inline:var(--space-4)}.cli-auth-topbar{min-height:72px}.cli-auth-card{margin-top:var(--space-8);padding:var(--space-6)}.cli-auth-actions{flex-direction:column}}