:root{--neutral-bedrock: #282935;--neutral-substrate: #30313d;--neutral-base: #393a47;--neutral-panel: #464653;--neutral-ridge: #51505d;--neutral-crest: #5c5966;--neutral-veil: #6c6673;--neutral-rim: #7e7480;--neutral-halo: #91848d;--neutral-muted: #a7979c;--neutral-subtext: #cabab7;--neutral-text: #e6dbd1;--role-primary-fill: #add991;--role-primary-on-fill: #282935;--role-primary-tint: #484f51;--role-primary-tint-border: #607060;--role-primary-on-tint: #add991;--role-primary-outline: #758d6d;--role-primary-text: #add991;--role-confirm-fill: #add991;--role-confirm-on-fill: #282935;--role-confirm-tint: #484f51;--role-confirm-tint-border: #607060;--role-confirm-on-tint: #add991;--role-confirm-outline: #758d6d;--role-confirm-text: #add991;--role-secondary-fill: #92b3f7;--role-secondary-on-fill: #282935;--role-secondary-tint: #454a5e;--role-secondary-tint-border: #576383;--role-secondary-on-tint: #a1befb;--role-secondary-outline: #697ba5;--role-secondary-text: #96b7fb;--role-info-fill: #92d3da;--role-info-on-fill: #282935;--role-info-tint: #454e5a;--role-info-tint-border: #576e79;--role-info-on-tint: #92d3da;--role-info-outline: #678a93;--role-info-text: #92d3da;--role-cancel-fill: #5c5966;--role-cancel-on-fill: #e6dbd1;--role-cancel-tint: #51505d;--role-cancel-tint-border: #7e7480;--role-cancel-on-tint: #cabab7;--role-cancel-outline: #7e7480;--role-cancel-text: #cabab7;--role-danger-fill: #ef8a8b;--role-danger-on-fill: #282935;--role-danger-tint: #514450;--role-danger-tint-border: #77555e;--role-danger-on-tint: #fd9b9b;--role-danger-outline: #9f6c73;--role-danger-text: #fd9b9b;--role-warn-fill: #eed198;--role-warn-on-fill: #282935;--role-warn-tint: #514e52;--role-warn-tint-border: #776d63;--role-warn-on-tint: #eed198;--role-warn-outline: #978971;--role-warn-text: #eed198;--role-agent-fill: #c0abf5;--role-agent-on-fill: #282935;--role-agent-tint: #4b495e;--role-agent-tint-border: #676082;--role-agent-on-tint: #c6b3f6;--role-agent-outline: #7f75a1;--role-agent-text: #c0abf5;--role-tool-fill: #8ec8eb;--role-tool-on-fill: #282935;--role-tool-tint: #444c5c;--role-tool-tint-border: #566a7f;--role-tool-on-tint: #8ec8eb;--role-tool-outline: #65849c;--role-tool-text: #8ec8eb;--syntax-comment: #a7979c;--syntax-comment-doc: #cabab7;--syntax-keyword: #c0abf5;--syntax-keyword-control: #c0abf5;--syntax-keyword-operator: #88d0c6;--syntax-storage: #c0abf5;--syntax-storage-modifier: #c0abf5;--syntax-string: #add991;--syntax-string-escape: #88d0c6;--syntax-string-regex: #eba3d6;--syntax-number: #fba37e;--syntax-boolean: #fba37e;--syntax-constant: #fba37e;--syntax-constant-builtin: #fba37e;--syntax-variable: #e6dbd1;--syntax-variable-parameter: #eba3d6;--syntax-variable-property: #92d3da;--syntax-variable-builtin: #f094a2;--syntax-function: #8ec8eb;--syntax-function-method: #8ec8eb;--syntax-function-builtin: #8ec8eb;--syntax-function-macro: #f094a2;--syntax-type: #eed198;--syntax-type-builtin: #eed198;--syntax-class: #eed198;--syntax-interface: #eed198;--syntax-enum: #eed198;--syntax-namespace: #92b3f7;--syntax-decorator: #f094a2;--syntax-tag: #92b3f7;--syntax-tag-attribute: #eed198;--syntax-punctuation: #cabab7;--syntax-punctuation-bracket: #cabab7;--syntax-punctuation-delimiter: #cabab7;--syntax-operator: #88d0c6;--syntax-invalid: #ef8a8b;--syntax-deprecated: #f094a2;--syntax-markup-heading: #92b3f7;--syntax-markup-link: #92d3da;--syntax-markup-code: #add991;--syntax-markup-quote: #cabab7;--editor-background: #393a47;--editor-foreground: #e6dbd1;--editor-cursor: #c0abf5;--editor-cursor-secondary: #add991;--editor-selection: #4d4b61;--editor-selection-inactive: #51505d;--editor-on-selection: #fbac8b;--editor-line-highlight: #30313d;--editor-line-number: #a7979c;--editor-line-number-active: #c0abf5;--editor-indent-guide: #6c6673;--editor-indent-guide-active: #7e7480;--editor-bracket-match: #91848d;--editor-bracket-mismatch: #ef8a8b;--editor-search-match: #615b59;--editor-search-match-active: #7b5e5a;--editor-word-highlight: #5c5966;--editor-whitespace: #6c6673;--editor-ruler: #6c6673;--editor-fold-placeholder: #a7979c;--editor-scrollbar-thumb: #7e7480;--editor-scrollbar-thumb-hover: #91848d;--editor-minimap-background: #30313d;--chrome-panel-background: #464653;--chrome-panel-border: #6c6673;--chrome-sidebar-background: #30313d;--chrome-sidebar-foreground: #cabab7;--chrome-tab-active-background: #393a47;--chrome-tab-active-foreground: #e6dbd1;--chrome-tab-active-border: #c0abf5;--chrome-tab-inactive-background: #30313d;--chrome-tab-inactive-foreground: #a7979c;--chrome-tab-modified: #eed198;--chrome-statusbar-background: #464653;--chrome-statusbar-foreground: #cabab7;--chrome-statusbar-border: #a19aa2;--chrome-statusbar-item-hover-background: #51505d;--chrome-statusbar-item-hover-foreground: #e6dbd1;--chrome-statusbar-mode-background: #49485c;--chrome-statusbar-mode-foreground: #c6b3f6;--chrome-statusbar-mode-border: #9b97ad;--chrome-titlebar-background: #464653;--chrome-breadcrumb-foreground: #a7979c;--chrome-breadcrumb-active: #e6dbd1;--chrome-overlay-scrim: rgba(0,0,0,.55);--chrome-scrollbar-track: #30313d;--chrome-scrollbar-thumb: #8b828d;--chrome-scrollbar-thumb-hover: #91848d;--chrome-scrollbar-thumb-active: #cabab7;--chrome-pane-background: #464653;--chrome-pane-background-focused: #393a47;--chrome-pane-border: #a19aa2;--chrome-pane-divider: #a19aa2;--chrome-pane-divider-hover: #afa5ab;--chrome-pane-divider-active: #c0abf5;--chrome-drawer-background: #282935;--chrome-drawer-foreground: #e6dbd1;--chrome-drawer-border: #7e7480;--chrome-menu-background: #282935;--chrome-menu-foreground: #e6dbd1;--chrome-menu-border: #7e7480;--chrome-menu-separator: #7b7581;--chrome-menu-item-hover-background: #51505d;--chrome-menu-item-hover-foreground: #e6dbd1;--chrome-menu-item-hover-meta: #cfc1be;--chrome-menu-item-meta: #cabab7;--chrome-menu-item-selected-meta: #cabab7;--chrome-menu-item-selected-background: #49485c;--chrome-menu-item-selected-foreground: #c6b3f6;--chrome-menu-item-disabled-foreground: #837679;--chrome-popover-background: #282935;--chrome-popover-foreground: #e6dbd1;--chrome-popover-border: #7e7480;--chrome-tooltip-background: #5c5966;--chrome-tooltip-foreground: #e6dbd1;--chrome-tooltip-border: #b3adb3;--chrome-dialog-background: #464653;--chrome-dialog-foreground: #e6dbd1;--chrome-dialog-border: #a19aa2;--chrome-toast-background: #5c5966;--chrome-toast-foreground: #e6dbd1;--chrome-toast-secondary-foreground: #dcd2d0;--chrome-toast-border: #b3adb3;--chrome-shadow-drawer: rgba(0,0,0,.42);--chrome-shadow-popover: rgba(0,0,0,.5);--chrome-shadow-dialog: rgba(0,0,0,.62);--chrome-shadow-toast: rgba(0,0,0,.48);--chrome-shadow-tooltip: rgba(0,0,0,.38);--chrome-tab-hover-background: #51505d;--chrome-tab-pressed-background: #5c5966;--chrome-tab-focus-border: #c0abf5;--chrome-tab-drop-indicator: #c0abf5;--chrome-tab-drag-preview-background: #464653;--chrome-tab-drag-preview-border: #9c9098;--control-input-background: #30313d;--control-input-foreground: #e6dbd1;--control-input-placeholder: #a7979c;--control-input-icon: #cabab7;--control-input-border: #8b828d;--control-input-border-hover: #91848d;--control-input-border-focused: #c0abf5;--control-input-disabled-background: #353642;--control-input-disabled-foreground: #8e8084;--control-input-disabled-border: #6c6673;--control-button-background: #464653;--control-button-foreground: #e6dbd1;--control-button-border: #8b828d;--control-button-hover-background: #51505d;--control-button-hover-border: #afa5ab;--control-button-pressed-background: #5c5966;--control-button-pressed-border: #b7aeb3;--control-button-selected-background: #49485c;--control-button-selected-foreground: #c6b3f6;--control-button-selected-border: #908ba4;--control-button-disabled-background: #40414e;--control-button-disabled-foreground: #9a8b90;--control-button-disabled-border: #6c6673;--control-segmented-track-background: #30313d;--control-segmented-track-border: #8b828d;--control-segmented-inactive-background: rgba(0,0,0,0);--control-segmented-inactive-foreground: #cabab7;--control-segmented-inactive-border: rgba(0,0,0,0);--control-segmented-active-background: #49485c;--control-segmented-active-foreground: #c6b3f6;--control-segmented-active-border: #847e9a;--control-segmented-hover-background: #51505d;--control-segmented-hover-foreground: #cfc1be;--control-segmented-disabled-foreground: #837679;--state-surface-hover: #51505d;--state-surface-active: #5c5966;--state-surface-selected: #4d4b61;--state-on-surface-hover: #e6dbd1;--state-on-surface-hover-meta: #cfc1be;--state-on-surface-active: #e6dbd1;--state-on-surface-active-meta: #dcd2d0;--state-on-surface-selected: #e6dbd1;--state-on-surface-selected-meta: #cfc1be;--state-border-default: #7e7480;--state-border-strong: #91848d;--state-focus-ring: #91848d;--state-focus-halo: #57536d;--state-disabled-foreground: #a7979c;--state-disabled-background: #30313d;--state-disabled-border: #6c6673;--state-link: #92d3da;--state-link-hover: #92d3da;--state-text-selection: #5c5774;--state-text-on-selection: #e6dbd1;--diagnostic-error-foreground: #fd9b9b;--diagnostic-error-background: #514450;--diagnostic-error-squiggle: #ef8a8b;--diagnostic-warning-foreground: #eed198;--diagnostic-warning-background: #514e52;--diagnostic-warning-squiggle: #eed198;--diagnostic-info-foreground: #92d3da;--diagnostic-info-background: #454e5a;--diagnostic-info-squiggle: #92d3da;--diagnostic-hint-foreground: #88d0c6;--diagnostic-hint-background: #434e58;--diagnostic-hint-squiggle: #88d0c6;--vcs-added-foreground: #add991;--vcs-added-background: #4c5353;--vcs-added-gutter: #add991;--vcs-removed-foreground: #f3aaaa;--vcs-removed-background: #564752;--vcs-removed-gutter: #ef8a8b;--vcs-modified-foreground: #eed198;--vcs-modified-background: #545153;--vcs-modified-gutter: #eed198;--vcs-conflict-foreground: #c0abf5;--vcs-conflict-background: #4c4a5f;--vcs-staged: #add991;--vcs-untracked: #92d3da;--vcs-ignored: #a7979c;--vcs-renamed: #92b3f7;--vcs-stash: #c0abf5;--agent-thinking-background: #434254;--agent-thinking-border: #57536d;--agent-thinking-foreground: #c8b7c5;--agent-thinking-label: #c0abf5;--agent-message-user-background: #464653;--agent-message-user-foreground: #e6dbd1;--agent-message-assistant-foreground: #e6dbd1;--agent-message-assistant-label: #c0abf5;--agent-tool-background: #3f4452;--agent-tool-border: #4d5c6e;--agent-tool-name: #8ec8eb;--agent-tool-result: #cabab7;--agent-gate-background: #4d4b50;--agent-gate-border: #6f675f;--agent-gate-label: #eed198;--agent-gate-path: #fbac8b;--agent-plan-done: #add991;--agent-plan-active: #8ec8eb;--agent-plan-blocked: #eed198;--agent-plan-queued: #a7979c;--agent-meter-thinking: #c0abf5;--agent-meter-tool: #8ec8eb;--agent-meter-message: #add991;--terminal-background: #393a47;--terminal-foreground: #e6dbd1;--terminal-cursor: #c0abf5;--terminal-selection: #4d4b61;--terminal-ansi-black: #5c5966;--terminal-ansi-red: #ef8a8b;--terminal-ansi-green: #add991;--terminal-ansi-yellow: #eed198;--terminal-ansi-blue: #8ec8eb;--terminal-ansi-magenta: #c0abf5;--terminal-ansi-cyan: #92d3da;--terminal-ansi-white: #cabab7;--terminal-ansi-bright-black: #91848d;--terminal-ansi-bright-red: #fd9f9f;--terminal-ansi-bright-green: #bded9f;--terminal-ansi-bright-yellow: #fee4b0;--terminal-ansi-bright-blue: #a0dafe;--terminal-ansi-bright-magenta: #d0bffe;--terminal-ansi-bright-cyan: #a1e6ee;--terminal-ansi-bright-white: #e6dbd1}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-800.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-500.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/jetbrains-mono-600.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/jetbrains-mono-700.woff2) format("woff2")}:root{color-scheme:dark;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--section-padding: 6rem 2rem;--container-max: 1200px;--nav-height: 4.5rem;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--editor-background);color:var(--editor-foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--state-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--state-link-hover)}code,pre{font-family:var(--font-mono)}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:var(--chrome-sidebar-background);backdrop-filter:blur(12px);border-bottom:1px solid var(--chrome-panel-border)}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem}.nav-logo-img{height:32px;width:auto;border-radius:22%}.nav-logo-text{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--editor-foreground);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--chrome-sidebar-foreground);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--editor-foreground)}.nav-cta{display:flex;gap:1rem}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:1001}.nav-toggle-bar{display:block;width:100%;height:2px;background:var(--editor-foreground);border-radius:2px;transition:all var(--transition-fast)}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:868px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--chrome-sidebar-background);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:2rem;transition:right var(--transition-base);border-left:1px solid var(--chrome-panel-border);box-shadow:-4px 0 20px var(--chrome-shadow-drawer)}.nav-menu.active{right:0}.nav-links{flex-direction:column;gap:1.5rem;width:100%}.nav-links a{font-size:1.1rem;display:block;padding:.5rem 0}.nav-cta{flex-direction:column;width:100%;gap:.75rem}.nav-cta .btn{width:100%;justify-content:center}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background:var(--role-primary-fill);color:var(--role-primary-on-fill)}.btn-primary:hover{background:var(--role-primary-fill);color:var(--role-primary-on-fill);transform:translateY(-2px);box-shadow:0 4px 20px var(--chrome-shadow-drawer);outline:2px solid var(--role-primary-outline);outline-offset:2px}.btn-secondary{background:var(--control-button-background);color:var(--control-button-foreground);border:1px solid var(--control-button-border)}.btn-secondary:hover{background:var(--state-surface-hover);border-color:var(--control-button-hover-border);color:var(--state-on-surface-hover)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;background:radial-gradient(ellipse at top,var(--role-agent-tint) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--role-secondary-tint) 0%,transparent 50%),var(--editor-background)}.hero-content{max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:50px;font-size:.875rem;color:var(--chrome-sidebar-foreground);margin-bottom:2rem}.hero-badge-dot{width:8px;height:8px;background:var(--role-confirm-fill);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero h1 .gradient{background:linear-gradient(135deg,var(--role-agent-text),var(--role-secondary-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--chrome-sidebar-foreground);max-width:600px;margin:0 auto 2.5rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;padding-top:3rem;border-top:1px solid var(--chrome-panel-border)}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--role-agent-text)}.hero-stat-label{font-size:.875rem;color:var(--chrome-sidebar-foreground);margin-top:.25rem}.hero-notice{margin-top:3rem;padding:1.25rem 1.5rem;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:8px;font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.7;max-width:700px}.hero-notice a{color:var(--role-agent-text);font-weight:500}.demo{padding:var(--section-padding);background:var(--chrome-sidebar-background)}.demo-window{max-width:1000px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--chrome-panel-border);box-shadow:0 4px 6px var(--chrome-shadow-drawer),0 20px 40px var(--chrome-shadow-drawer)}.demo-titlebar{background:var(--chrome-drawer-background);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--chrome-panel-border)}.demo-titlebar-dot{width:12px;height:12px;border-radius:50%}.demo-titlebar-dot:nth-child(1){background:var(--diagnostic-error-squiggle)}.demo-titlebar-dot:nth-child(2){background:var(--diagnostic-warning-squiggle)}.demo-titlebar-dot:nth-child(3){background:var(--vcs-added-gutter)}.demo-titlebar-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.85rem;color:var(--chrome-sidebar-foreground)}.demo-placeholder{aspect-ratio:16/10;background:var(--editor-background);display:flex;align-items:center;justify-content:center;color:var(--state-disabled-foreground);font-family:var(--font-mono);font-size:1rem;flex-direction:column;gap:1rem}.demo-placeholder-icon{width:64px;height:64px;border:2px dashed var(--state-border-default);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.demo-screenshot{width:100%;height:auto;display:block}.demo-video{max-width:1000px;margin:0 auto;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--chrome-panel-border);box-shadow:0 4px 6px var(--chrome-shadow-drawer),0 20px 40px var(--chrome-shadow-drawer)}.demo-video iframe{width:100%;height:100%;display:block}.features{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:var(--font-mono);font-size:.875rem;color:var(--role-agent-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--chrome-sidebar-foreground);max-width:600px;margin:0 auto}.section-link{display:inline-block;margin-top:1.5rem;color:var(--role-agent-text);font-weight:500;transition:color var(--transition-fast)}.section-link:hover{color:var(--role-secondary-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:2rem;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--role-agent-text);transform:translateY(-4px);box-shadow:0 8px 30px var(--chrome-shadow-drawer)}.feature-icon{width:48px;height:48px;background:var(--role-agent-tint);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;color:var(--role-agent-on-tint);border:1px solid var(--role-agent-tint-border)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:var(--chrome-sidebar-foreground);font-size:.95rem;line-height:1.7}.feature-shortcut{display:inline-block;margin-top:1rem;padding:.25rem .5rem;background:var(--chrome-drawer-background);border:1px solid var(--chrome-panel-border);border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--chrome-sidebar-foreground)}.architecture{padding:var(--section-padding);background:var(--chrome-sidebar-background)}.architecture-diagram{max-width:900px;margin:0 auto 4rem}.architecture-center{display:flex;justify-content:center;margin-bottom:3rem}.architecture-hub{width:160px;height:160px;background:var(--role-agent-tint);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--chrome-shadow-drawer);border:1px solid var(--role-agent-tint-border)}.architecture-hub-label{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--role-agent-on-tint)}.architecture-hub-sublabel{font-size:.7rem;color:var(--role-agent-on-tint);opacity:1;text-align:center;padding:0 1rem}.architecture-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.architecture-service{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.25rem;text-align:center;transition:all var(--transition-base)}.architecture-service:hover{border-color:var(--role-agent-text);transform:translateY(-2px)}.architecture-service-icon{font-size:1.75rem;margin-bottom:.75rem}.architecture-service-name{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.architecture-service-desc{font-size:.8rem;color:var(--chrome-sidebar-foreground)}.architecture-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.architecture-benefit{text-align:center}.architecture-benefit h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--role-agent-text)}.architecture-benefit p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.7}@media(max-width:768px){.architecture-services{grid-template-columns:repeat(2,1fr)}.architecture-benefits{grid-template-columns:1fr;gap:1.5rem}.architecture-hub{width:130px;height:130px}.architecture-hub-label{font-size:1.5rem}}@media(max-width:480px){.architecture-services{grid-template-columns:1fr 1fr;gap:.75rem}.architecture-service{padding:1rem}}.comparison{padding:var(--section-padding);background:var(--chrome-sidebar-background)}.comparison-table{max-width:800px;margin:0 auto;background:var(--chrome-panel-background);border-radius:12px;border:1px solid var(--chrome-panel-border);overflow:hidden}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--chrome-panel-border);align-items:center}.comparison-row:last-child{border-bottom:none}.comparison-header{background:var(--chrome-drawer-background);font-weight:600;font-size:.9rem}.comparison-header span:nth-child(2),.comparison-header span:nth-child(3){text-align:center}.comparison-feature{color:var(--chrome-sidebar-foreground)}.comparison-value{text-align:center;font-family:var(--font-mono);font-size:.9rem}.comparison-value.positive{color:var(--role-confirm-text)}.comparison-value.neutral{color:var(--chrome-sidebar-foreground)}.comparison-value.negative{color:var(--role-warn-text)}.install{padding:var(--section-padding)}.install-card{max-width:700px;margin:0 auto;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:3rem;text-align:center}.install-title{font-size:1.75rem;margin-bottom:1rem}.install-subtitle{color:var(--chrome-sidebar-foreground);margin-bottom:2rem}.install-command{background:var(--chrome-drawer-background);border:1px solid var(--chrome-panel-border);border-radius:8px;padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;overflow:hidden}.install-command code{color:var(--role-confirm-text);word-break:break-all;overflow-wrap:anywhere;min-width:0;flex:1}@media(max-width:480px){.install-command{font-size:.85rem;padding:1rem}}.install-command button{background:transparent;border:none;color:var(--chrome-sidebar-foreground);cursor:pointer;padding:.5rem;border-radius:4px;transition:all var(--transition-fast)}.install-command button:hover{background:var(--chrome-panel-background);color:var(--editor-foreground)}.install-requirements{font-size:.875rem;color:var(--chrome-sidebar-foreground)}.install-requirements span{color:var(--chrome-sidebar-foreground)}.ai-section{padding:var(--section-padding)}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-text h2{font-size:2.5rem;margin-bottom:1.5rem}.ai-text p{color:var(--chrome-sidebar-foreground);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.ai-features{list-style:none}.ai-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--chrome-sidebar-foreground)}.ai-features li:before{content:"";width:20px;height:20px;background:var(--role-confirm-fill);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-demo{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;overflow:hidden}.ai-demo-header{background:var(--chrome-drawer-background);padding:.75rem 1rem;border-bottom:1px solid var(--chrome-panel-border);font-family:var(--font-mono);font-size:.85rem;color:var(--chrome-sidebar-foreground);display:flex;align-items:center;gap:.5rem}.ai-demo-placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--state-disabled-foreground);font-family:var(--font-mono);flex-direction:column;gap:1rem;padding:2rem}.footer{padding:4rem 2rem;border-top:1px solid var(--chrome-panel-border)}.footer-content{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4rem}.footer-brand{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.footer-logo-img{height:36px;width:auto;border-radius:22%}.footer-tagline{color:var(--chrome-sidebar-foreground);font-size:.95rem;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--chrome-panel-background);border-radius:8px;color:var(--chrome-sidebar-foreground);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--state-surface-hover);color:var(--state-on-surface-hover)}.footer-column h4{font-size:.9rem;font-weight:600;margin-bottom:1.5rem;color:var(--editor-foreground)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--chrome-sidebar-foreground);font-size:.9rem}.footer-links a:hover{color:var(--editor-foreground)}.footer-bottom{max-width:var(--container-max);margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--chrome-panel-border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--chrome-sidebar-foreground)}.footer-legal a{color:var(--chrome-sidebar-foreground);margin-left:2rem}.page-header{padding:10rem 2rem 4rem;text-align:center;background:radial-gradient(ellipse at top,var(--role-agent-tint) 0%,transparent 50%),var(--editor-background)}.page-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}.page-subtitle{font-size:1.2rem;color:var(--chrome-sidebar-foreground);max-width:600px;margin:0 auto;line-height:1.7}.content-section{padding:var(--section-padding)}.content-section.alt-bg{background:var(--chrome-sidebar-background)}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:start}.content-main{min-width:0}.content-main h2{font-size:2rem;margin-bottom:1.5rem}.content-main h3{font-size:1.35rem;margin:2.5rem 0 1rem;color:var(--role-agent-text)}.content-main p{color:var(--chrome-sidebar-foreground);line-height:1.8;margin-bottom:1rem}.content-main ul,.content-main ol{color:var(--chrome-sidebar-foreground);line-height:1.8;margin-bottom:1.5rem;padding-left:1.5rem}.content-main li{margin-bottom:.5rem}.content-sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:100px}.sidebar-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:1.5rem}.sidebar-card.highlight{border-color:var(--role-agent-tint-border);background:var(--role-agent-tint)}.sidebar-card h4{font-size:1rem;margin-bottom:1rem;color:var(--editor-foreground)}.sidebar-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.6}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:.9rem;color:var(--chrome-sidebar-foreground)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--role-confirm-text);font-weight:700}.info-list{list-style:none;padding:0}.info-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--chrome-panel-border);font-size:.85rem}.info-list li:last-child{border-bottom:none}.info-list li span:first-child{color:var(--chrome-sidebar-foreground)}.info-list li kbd{background:var(--chrome-drawer-background);padding:.2rem .4rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem}.code-block{background:var(--chrome-drawer-background);border:1px solid var(--chrome-panel-border);border-radius:8px;margin:1rem 0 1.5rem;overflow:hidden;width:100%}.code-block pre{padding:1.25rem;overflow-x:auto;overflow-y:hidden;margin:0;-webkit-overflow-scrolling:touch}.code-block code{font-size:.9rem;color:var(--role-confirm-text);line-height:1.6;white-space:pre;display:block;width:fit-content;min-width:100%}@media(max-width:600px){.code-block pre{padding:1rem}.code-block code{font-size:.75rem}}code[class*=language-],pre[class*=language-]{color:var(--editor-foreground);background:none;font-family:var(--font-mono);font-size:.9rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.6;tab-size:2;hyphens:none}pre[class*=language-]{overflow:auto}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--syntax-comment);font-style:italic}.token.punctuation{color:var(--syntax-punctuation)}.token.namespace{color:var(--syntax-namespace)}.token.property{color:var(--syntax-variable-property)}.token.tag{color:var(--syntax-tag)}.token.constant,.token.symbol{color:var(--syntax-constant)}.token.deleted{color:var(--vcs-removed-foreground)}.token.boolean{color:var(--syntax-boolean)}.token.number{color:var(--syntax-number)}.token.selector{color:var(--syntax-tag)}.token.attr-name{color:var(--syntax-tag-attribute)}.token.string,.token.char,.token.attr-value{color:var(--syntax-string)}.token.builtin{color:var(--syntax-function-builtin)}.token.inserted{color:var(--vcs-added-foreground)}.token.operator,.token.entity{color:var(--syntax-operator)}.token.url{color:var(--syntax-markup-link)}.token.atrule,.token.keyword{color:var(--syntax-keyword)}.token.function{color:var(--syntax-function)}.token.class-name{color:var(--syntax-class)}.token.regex{color:var(--syntax-string-regex)}.token.important{color:var(--syntax-keyword)}.token.variable{color:var(--syntax-variable)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-header{background:var(--chrome-panel-background);padding:.5rem 1rem;font-size:.8rem;color:var(--chrome-sidebar-foreground);border-bottom:1px solid var(--chrome-panel-border)}.code-inline{display:inline-block;background:var(--chrome-drawer-background);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.85rem;color:var(--role-confirm-text);margin-top:.5rem}.arch-layers{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.arch-layer{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--chrome-panel-background);border-radius:8px;border-left:3px solid var(--role-agent-text)}.arch-layer-num{width:32px;height:32px;background:var(--role-agent-tint);color:var(--role-agent-on-tint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;border:1px solid var(--role-agent-tint-border)}.arch-layer-content h4{margin:0 0 .5rem;font-size:1.1rem}.arch-layer-content p{margin:0;font-size:.9rem}.numbered-list{counter-reset:item;list-style:none;padding:0}.numbered-list li{counter-increment:item;padding-left:2.5rem;position:relative;margin-bottom:1rem}.numbered-list li:before{content:counter(item);position:absolute;left:0;width:24px;height:24px;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--role-agent-text)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.service-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem;transition:all var(--transition-base)}.service-card:hover{border-color:var(--role-agent-text)}.service-icon{font-size:1.5rem;margin-bottom:.75rem}.service-card h4{font-size:1rem;margin-bottom:.5rem}.service-card p{font-size:.85rem;color:var(--chrome-sidebar-foreground);margin-bottom:.75rem;line-height:1.5}.service-card code{font-size:.75rem;color:var(--role-secondary-text);background:var(--chrome-drawer-background);padding:.2rem .4rem;border-radius:4px}.priority-list{list-style:none;padding:0}.priority-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;color:var(--chrome-sidebar-foreground)}.priority{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority.immediate{background:var(--role-danger-tint);color:var(--role-danger-on-tint)}.priority.high{background:var(--role-warn-tint);color:var(--role-warn-on-tint)}.priority.normal{background:var(--role-confirm-tint);color:var(--role-confirm-on-tint)}.priority.low{background:var(--role-info-tint);color:var(--role-info-on-tint)}.pipeline{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.pipeline-step{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem;text-align:center;flex:1;min-width:180px;max-width:220px}.pipeline-icon{font-size:2rem;margin-bottom:.75rem}.pipeline-step h4{font-size:.95rem;margin-bottom:.5rem}.pipeline-step p{font-size:.8rem;color:var(--chrome-sidebar-foreground);line-height:1.5}.pipeline-arrow{font-size:1.5rem;color:var(--role-agent-text)}.highlight-box{background:var(--chrome-panel-background);border:1px solid var(--role-agent-text);border-radius:12px;padding:2rem}.highlight-box h4{color:var(--role-agent-text);margin-bottom:1rem}.highlight-box p{color:var(--chrome-sidebar-foreground);line-height:1.7;margin:0}.cta-card{text-align:center;padding:3rem;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:16px;max-width:700px;margin:0 auto}.cta-card h2{font-size:2rem;margin-bottom:1rem}.cta-card p{color:var(--chrome-sidebar-foreground);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.requirement-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem}.requirement-icon{font-size:2rem;margin-bottom:1rem}.requirement-card h4{margin-bottom:.5rem}.requirement-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);margin-bottom:.75rem}.tag{display:inline-block;background:var(--chrome-drawer-background);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:var(--chrome-sidebar-foreground);margin:.25rem .25rem 0 0}.install-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.install-method{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:2rem}.install-method-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.install-badge{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.install-badge.recommended{background:var(--role-confirm-tint);color:var(--role-confirm-on-tint)}.install-method h3{margin:0;font-size:1.25rem}.install-method p{color:var(--chrome-sidebar-foreground);font-size:.95rem;margin-bottom:1rem}.install-note{font-size:.85rem!important;color:var(--chrome-sidebar-foreground)!important}.shortcuts-table{margin:1.5rem 0}.shortcut-row{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--chrome-panel-border)}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{background:var(--chrome-drawer-background);border:1px solid var(--chrome-panel-border);padding:.4rem .6rem;border-radius:6px;font-family:var(--font-mono);font-size:.8rem;min-width:140px;text-align:center}.shortcut-row span{color:var(--chrome-sidebar-foreground);font-size:.9rem}.theme-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.theme-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--chrome-sidebar-foreground)}.theme-swatch{width:16px;height:16px;border-radius:4px}.theme-swatch.frappe{background:#303446;border:1px solid #ca9ee6}.theme-swatch.mocha{background:#1e1e2e;border:1px solid #cba6f7}.theme-swatch.macchiato{background:#24273a;border:1px solid #c6a0f6}.theme-swatch.latte{background:#eff1f5;border:1px solid #8839ef}.theme-swatch.onedark{background:#282c34;border:1px solid #61afef}.file-tree{list-style:none;padding:0;margin-top:.75rem;font-family:var(--font-mono);font-size:.8rem}.file-tree li{padding:.25rem 0;color:var(--chrome-sidebar-foreground)}.file-tree li:before{content:"├── ";color:var(--state-border-default)}.file-tree li:last-child:before{content:"└── "}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.language-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem}.language-icon{font-size:2rem;margin-bottom:.75rem}.language-card h4{margin-bottom:.5rem}.language-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);margin-bottom:.75rem}.language-card code{display:block;font-size:.75rem;color:var(--role-secondary-text);background:var(--chrome-drawer-background);padding:.5rem;border-radius:4px;overflow-x:auto}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-tags .tag{background:var(--role-agent-tint);color:var(--role-agent-on-tint);font-weight:500}@media(max-width:968px){.content-grid{grid-template-columns:1fr}.content-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:250px}.install-methods{grid-template-columns:1fr}.pipeline{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}.pipeline-step{max-width:100%}}@media(max-width:768px){.page-header{padding:8rem 1rem 3rem}.shortcut-row{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-row kbd{min-width:auto}}@media(max-width:968px){.ai-content{grid-template-columns:1fr;gap:2rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:768px){:root{--section-padding: 4rem 1rem}.container{padding:0 1rem}.hero{padding:6rem 1rem 3rem}.hero-stats{gap:2rem}.comparison-row{grid-template-columns:1.5fr 1fr 1fr;font-size:.9rem;padding:1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-legal a{margin-left:1rem;margin-right:1rem}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.btn-large{width:100%;justify-content:center}}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0 2rem}.provider-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem}.provider-card:first-child{border-color:var(--role-agent-text)}.provider-icon{font-size:2rem;margin-bottom:.75rem}.provider-card h4{margin-bottom:.5rem}.provider-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.6;margin-bottom:.5rem}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.capability-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem;text-align:center;transition:all var(--transition-base)}.capability-card:hover{border-color:var(--role-agent-text);transform:translateY(-2px)}.capability-icon{font-size:2rem;margin-bottom:.75rem}.capability-card h4{margin-bottom:.5rem;font-size:1rem}.capability-card p{font-size:.85rem;color:var(--chrome-sidebar-foreground);line-height:1.5}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tip-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem}.tip-card h4{color:var(--role-agent-text);margin-bottom:.75rem}.tip-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.6}.themes-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.theme-preview{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:1.5rem;transition:all var(--transition-base)}.theme-preview:hover{border-color:var(--role-agent-text)}.theme-preview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.theme-preview-header h4{margin:0;flex:1}.theme-preview-colors{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.color-chip{width:28px;height:28px;border-radius:6px;border:1px solid var(--chrome-panel-border);cursor:help}.theme-preview p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.5;margin:0}.popular-themes{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.popular-theme{display:flex;flex-direction:column;padding:1rem;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:8px}.popular-theme strong{color:var(--editor-foreground);margin-bottom:.25rem}.popular-theme span{font-size:.85rem;color:var(--chrome-sidebar-foreground)}.shortcuts-table .header{background:var(--chrome-drawer-background);font-weight:600;font-size:.85rem;color:var(--chrome-sidebar-foreground);text-transform:uppercase;letter-spacing:.05em}.shortcuts-table .header span{color:var(--chrome-sidebar-foreground)}.modifiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.modifier-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:8px}.modifier-item kbd{background:var(--chrome-drawer-background);border:1px solid var(--chrome-panel-border);padding:.5rem 1rem;border-radius:6px;font-family:var(--font-mono);font-size:.9rem}.modifier-item span{font-size:.85rem;color:var(--chrome-sidebar-foreground)}.extension-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:1.5rem 0}.extension-type{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem;text-align:center}.extension-icon{font-size:2.5rem;margin-bottom:1rem}.extension-type h4{margin-bottom:.5rem}.extension-type p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.5}.ssh-section{padding:var(--section-padding);background:var(--chrome-sidebar-background)}.ssh-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ssh-text h2{font-size:2.5rem;margin-bottom:1.5rem}.ssh-text p{color:var(--chrome-sidebar-foreground);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.ssh-features{list-style:none}.ssh-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--chrome-sidebar-foreground)}.ssh-features li:before{content:"";width:20px;height:20px;background:var(--role-secondary-fill);border-radius:50%;flex-shrink:0}.ssh-demo{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;overflow:hidden}.ssh-demo-header{background:var(--chrome-drawer-background);padding:.75rem 1rem;border-bottom:1px solid var(--chrome-panel-border);font-family:var(--font-mono);font-size:.85rem;color:var(--chrome-sidebar-foreground);display:flex;align-items:center;gap:.5rem}.ssh-demo-content{padding:1.5rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.8}.ssh-demo-content .prompt{color:var(--role-confirm-text)}.ssh-demo-content .command{color:var(--editor-foreground)}.ssh-demo-content .output{color:var(--chrome-sidebar-foreground)}.editor-comparison{padding:var(--section-padding)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.editor-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:1.5rem}.editor-card.featured{border-color:var(--role-agent-tint-border);background:var(--role-agent-tint)}.editor-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.editor-card-header h4{margin:0;flex:1}.editor-card p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.6;margin-bottom:1rem}.editor-pros{list-style:none;padding:0}.editor-pros li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;font-size:.85rem;color:var(--chrome-sidebar-foreground)}.editor-pros li:before{content:"+";position:absolute;left:0;color:var(--role-confirm-text);font-weight:700}.piece-table-demo{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;padding:2rem;margin:2rem 0}.piece-table-visual{display:flex;flex-direction:column;gap:1rem}.piece-table-row{display:flex;align-items:center;gap:1rem}.piece-table-label{width:100px;font-size:.85rem;color:var(--chrome-sidebar-foreground);text-align:right}.piece-table-blocks{display:flex;gap:.5rem;flex-wrap:wrap}.piece-block{padding:.5rem 1rem;border-radius:6px;font-family:var(--font-mono);font-size:.85rem}.piece-block.original{background:var(--role-secondary-tint);color:var(--role-secondary-on-tint)}.piece-block.added{background:var(--vcs-added-background);color:var(--vcs-added-foreground)}.piece-block.deleted{background:var(--vcs-removed-background);color:var(--vcs-removed-foreground);text-decoration:line-through;opacity:1}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.faq-item{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:10px;padding:1.5rem}.faq-item h4{color:var(--role-agent-text);margin-bottom:.75rem;font-size:1rem}.faq-item p{font-size:.9rem;color:var(--chrome-sidebar-foreground);line-height:1.6;margin:0}.faq-item code{background:var(--chrome-drawer-background);padding:.15rem .4rem;border-radius:4px;font-size:.85rem}@media(max-width:968px){.ssh-content{grid-template-columns:1fr;gap:2rem}}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.video-card{background:var(--chrome-panel-background);border:1px solid var(--chrome-panel-border);border-radius:12px;overflow:hidden;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);text-decoration:none;display:block}.video-card:hover{transform:translateY(-4px);border-color:var(--role-agent-text);box-shadow:0 10px 40px var(--chrome-shadow-drawer)}.video-thumb{position:relative;aspect-ratio:16 / 9;background:var(--chrome-drawer-background);overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-duration{position:absolute;bottom:8px;right:8px;background:var(--chrome-drawer-background);color:var(--chrome-drawer-foreground);padding:3px 7px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:1}.video-category{position:absolute;top:8px;left:8px;background:var(--role-agent-tint);color:var(--role-agent-on-tint);padding:3px 9px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;z-index:1}.video-content{padding:1.1rem 1.25rem}.video-title{font-weight:600;color:var(--editor-foreground);line-height:1.4;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{color:var(--chrome-sidebar-foreground);font-size:.85rem;line-height:1.5;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{color:var(--syntax-comment);font-size:.85rem}.category-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.pill{padding:.45rem 1rem;border-radius:100px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--control-button-border);background:var(--control-button-background);color:var(--control-button-foreground)}.pill-active{background:var(--control-button-selected-background);border-color:var(--control-button-selected-border);color:var(--control-button-selected-foreground)}.pagination{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pagination-info{color:var(--chrome-sidebar-foreground);font-size:.875rem}.pagination-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.pagination-btn,.pagination-page{display:inline-flex;align-items:center;justify-content:center;background:var(--chrome-sidebar-background);border:1px solid var(--chrome-panel-border);border-radius:6px;color:var(--chrome-sidebar-foreground);text-decoration:none;font-size:.875rem;transition:all var(--transition-fast)}.pagination-btn{padding:.5rem 1rem}.pagination-page{width:36px;height:36px}.pagination-btn.disabled{opacity:1;cursor:not-allowed}.pagination-page.active{background:var(--control-button-selected-background);border-color:var(--control-button-selected-border);color:var(--control-button-selected-foreground)}.pagination-pages{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.empty-state{text-align:center;color:var(--chrome-sidebar-foreground);padding:3rem 1rem;border:1px dashed var(--chrome-panel-border);border-radius:12px}.empty-state code{font-family:var(--font-mono);color:var(--role-confirm-text)}.ide-page{padding-top:var(--nav-height)}.ide-page .page-header{padding-top:3rem}::selection{background:var(--state-text-selection);color:var(--state-text-on-selection)}:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:3px;box-shadow:0 0 0 4px var(--state-focus-halo)}.pill:hover,.pagination-page:hover,.pagination-btn:hover:not(.disabled){background:var(--state-surface-hover);color:var(--state-on-surface-hover);border-color:var(--control-button-hover-border)}.pill-active:hover,.pagination-page.active:hover{background:var(--control-button-selected-background);color:var(--control-button-selected-foreground)}button:disabled,.pagination-btn.disabled{background:var(--control-button-disabled-background);color:var(--control-button-disabled-foreground);border-color:var(--control-button-disabled-border)}.btn:active,.pill:active,.pagination-page:active{background:var(--state-surface-active);color:var(--state-on-surface-active);transform:none}.sidebar-card.highlight h3,.editor-card.featured .editor-name{color:var(--role-agent-on-tint)}.wordmark[data-astro-cid-hhuuaa7r]{color:var(--editor-foreground);font-family:var(--font-sans);font-size:1.55rem;font-weight:800;line-height:1;letter-spacing:-.065em;white-space:nowrap}.wordmark-domain[data-astro-cid-hhuuaa7r]{color:var(--role-agent-text);font-weight:600}