@import 'https://cdn.jsdelivr.net/npm/iosevka-webfont@13.0.1/iosevka.min.css';:root{--font-mono:'Iosevka', 'Iosevka Web', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace}:root{--brand-primary:#f0f2f4;--brand-primary-hover:#ffffff;--brand-accent:#c8cdd4;--success:#27ca40;--success-bg:#0a1a0a;--error:#ef4444;--error-bg:#1a0a0a;--warning:#f59e0b;--diff-add:#7fb069;--diff-add-bg:rgba(127, 176, 105, 0.25);--diff-add-line-bg:rgba(30, 50, 30, 0.8);--diff-remove:#dc143c;--diff-remove-bg:rgba(220, 20, 60, 0.25);--diff-remove-line-bg:rgba(60, 30, 30, 0.8);--diff-context:#607880;--diff-hunk:#58a6ff;--diff-hunk-bg:rgba(88, 166, 255, 0.15);--syntax-comment:#71717a;--syntax-keyword:#a78bfa;--syntax-function:#3b82f6;--syntax-variable:#22d3ee;--syntax-string:#27ca40;--syntax-number:#f59e0b}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#161719;--bg-tertiary:#1f2023;--bg-card:#161719;--text-primary:#f0f2f4;--text-secondary:#c8cdd4;--text-muted:#71717a;--border:#27272a;--accent:#27ca40;--accent-soft:rgba(39, 202, 64, 0.1);--code-bg:#0a0a0a;--code-text:#c8cdd4}[data-theme=light]{--bg-primary:#f4f7f5;--bg-secondary:#ffffff;--bg-tertiary:#f7f8f8;--bg-card:#ffffff;--text-primary:#08090a;--text-secondary:#575a5e;--text-muted:#71717a;--border:#e4e4e7;--accent:#16a34a;--accent-soft:rgba(39, 202, 64, 0.08);--code-bg:#fafafa;--code-text:#08090a;--success:#16a34a;--brand-primary:#08090a;--brand-primary-hover:#000000;--brand-accent:#575a5e;--diff-add:#2e7d32;--diff-add-bg:rgba(46, 125, 50, 0.15);--diff-add-line-bg:rgba(46, 125, 50, 0.1);--diff-remove:#c62828;--diff-remove-bg:rgba(198, 40, 40, 0.15);--diff-remove-line-bg:rgba(198, 40, 40, 0.1);--diff-context:#757575;--diff-hunk:#0969da;--diff-hunk-bg:rgba(9, 105, 218, 0.12)}@media(prefers-color-scheme:light){html:not([data-theme]){--bg-primary:#f4f7f5;--bg-secondary:#ffffff;--bg-tertiary:#f7f8f8;--bg-card:#ffffff;--text-primary:#08090a;--text-secondary:#575a5e;--text-muted:#71717a;--border:#e4e4e7;--accent:#16a34a;--accent-soft:rgba(39, 202, 64, 0.08);--code-bg:#fafafa;--code-text:#08090a;--success:#16a34a;--brand-primary:#08090a;--brand-primary-hover:#000000;--brand-accent:#575a5e;--diff-add:#22863a;--diff-add-bg:rgba(46, 160, 67, 0.12);--diff-add-line-bg:rgba(46, 160, 67, 0.08);--diff-remove:#b31d28;--diff-remove-bg:rgba(215, 58, 73, 0.12);--diff-remove-line-bg:rgba(215, 58, 73, 0.08);--diff-context:#6a737d;--diff-hunk:#0969da;--diff-hunk-bg:rgba(9, 105, 218, 0.12)}}@media(prefers-color-scheme:dark){html:not([data-theme]){--bg-primary:#0f0f0f;--bg-secondary:#161719;--bg-tertiary:#1f2023;--bg-card:#161719;--text-primary:#f0f2f4;--text-secondary:#c8cdd4;--text-muted:#71717a;--border:#27272a;--accent:#27ca40;--accent-soft:rgba(39, 202, 64, 0.1);--code-bg:#0a0a0a;--code-text:#c8cdd4}}html:not([data-theme]){--bg-primary:#0f0f0f;--bg-secondary:#161719;--bg-tertiary:#1f2023;--bg-card:#161719;--text-primary:#f0f2f4;--text-secondary:#c8cdd4;--text-muted:#71717a;--border:#27272a;--accent:#27ca40;--accent-soft:rgba(39, 202, 64, 0.1);--code-bg:#0a0a0a;--code-text:#c8cdd4}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:14px;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;min-height:100%;display:flex;flex-direction:column}#share-content{flex:1 0 auto;display:flex;flex-direction:column}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}.theme-switcher{display:inline-flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:9999px;padding:.25rem;gap:0}.theme-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:9999px;background:0 0;color:var(--text-muted);cursor:pointer;transition:all .2s}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.theme-btn svg{width:16px;height:16px}.container{max-width:100%;margin:0 auto;padding:1rem;text-align:center}.container.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.btn{display:inline-block;padding:.6rem 1.5rem;background:var(--brand-primary);color:#fff;text-decoration:none;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover{background:var(--brand-primary-hover);text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--text-primary);color:var(--bg-primary)}.btn.primary:hover{background:var(--text-secondary);color:var(--bg-primary)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.session-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.75rem 1rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem}.header-logo:hover{text-decoration:none;color:var(--accent)}.logo-mark{display:block;width:auto}.header-logo .logo-mark{height:28px}.logo-mark-dark{display:none}html[data-theme=dark] .logo-mark-light{display:none}html[data-theme=dark] .logo-mark-dark{display:block}.header-actions{display:flex;gap:.5rem}.header-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .2s}.header-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);text-decoration:none}.header-btn.danger{color:var(--diff-remove)}.header-btn.danger:hover{background:var(--diff-remove-bg);border-color:var(--diff-remove)}.header-btn.cta{background:var(--success);border-color:var(--success);color:#000;font-weight:600}.header-btn.cta:hover{background:#2ee94c;border-color:#2ee94c;color:#000}.title-bar{background:var(--bg-secondary);padding:1rem;border-bottom:1px solid var(--border)}.title-bar-inner{max-width:900px;margin:0 auto;padding:0 1rem}.title-bar h1{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;text-align:left}.share-id-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value.share-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.project-tag{font-size:.65rem;color:var(--text-muted);background:var(--accent-soft);padding:.1rem .4rem;border-radius:.2rem;border:1px solid var(--border)}.models-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.models-list{display:flex;flex-direction:column;gap:.25rem;align-items:center}.model-badge{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.7rem;background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:.5rem;white-space:nowrap;border:1px solid var(--border)}.model-badge svg{opacity:.7}.stat-divider{width:1px;height:1.5rem;background:var(--border);margin:0 .25rem}.stats-bar{background:var(--bg-tertiary);padding:.75rem 1rem;border-bottom:1px solid var(--border)}.stats-bar-inner{max-width:900px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.stats-grid{display:flex;flex-direction:column;gap:.5rem;flex:1}.stats-row{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}.stat{display:flex;align-items:center;gap:.3rem}.stat-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.stat-value.cost{color:var(--success)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.stat-value.changes{display:flex;gap:.2rem;font-size:.85rem}.stat-value.changes .added{color:var(--diff-add)}.stat-value.changes .removed{color:var(--diff-remove)}.stats-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.views-stat{display:flex;align-items:center;gap:.35rem;color:var(--text-muted)}.views-stat svg{width:14px;height:14px}.views-stat .stat-value{color:var(--text-secondary);font-size:.8rem}.views-stat .stat-label{text-transform:lowercase}.vote-buttons{display:flex;align-items:center;gap:.5rem}.vote-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.vote-btn:hover{background:var(--accent-soft);color:var(--text-primary)}.vote-btn.like.active{background:var(--diff-add-bg);border-color:var(--diff-add);color:var(--diff-add)}.vote-btn.dislike.active{background:var(--diff-remove-bg);border-color:var(--diff-remove);color:var(--diff-remove)}.vote-btn svg{width:14px;height:14px}.vote-count{font-size:.8rem;font-weight:500;color:var(--text-secondary);min-width:1.5rem}@media(max-width:640px){.stats-bar-inner{flex-direction:column;align-items:stretch;padding:0}.stats-actions{flex-direction:row;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border)}.title-bar-inner{padding:0}}.files-changed-section{border:1px solid var(--border);border-radius:.5rem;margin:1rem;overflow:hidden;background:var(--bg-card);width:calc(100% - 2rem)}@media(min-width:640px){.files-changed-section{max-width:900px;margin:1rem auto;width:100%}}.files-changed-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.files-changed-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.files-changed-title svg{color:var(--text-muted)}.files-changed-stats{display:flex;gap:.75rem;align-items:center;font-size:.8rem;font-weight:600}.files-changed-stats .files-count{color:var(--text-secondary)}.files-changed-stats .additions{color:var(--diff-add)}.files-changed-stats .deletions{color:var(--diff-remove)}.files-changed-list{background:var(--bg-card)}.file-change{border-bottom:1px solid var(--border)}.file-change:last-child{border-bottom:none}.file-change-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.8rem}.file-change-header.clickable{cursor:pointer}.file-change-header.clickable:hover{background:var(--accent-soft)}.file-change-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.file-change-toggle{display:flex;align-items:center;color:var(--text-muted)}.file-change-toggle svg{width:12px;height:12px}.file-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.file-icon svg{width:14px;height:14px}.file-name{color:var(--text-primary);font-weight:500;flex-shrink:0}.file-path{color:var(--text-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-change-stats{display:flex;gap:.5rem;font-weight:600;flex-shrink:0}.file-change-stats .additions{color:var(--diff-add)}.file-change-stats .deletions{color:var(--diff-remove)}.file-change-content{display:none;border-top:1px solid var(--border)}.file-change.expanded .file-change-content{display:block}.tui-diff{margin:.5rem 0}.tui-diff-header{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-tertiary);font-family:var(--font-mono);font-size:.8rem;border-bottom:1px solid var(--border)}.tui-diff-action{color:var(--accent);font-weight:600}.tui-diff-path{color:var(--text-secondary)}.tui-diff-stats{padding:.35rem .75rem;font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.tui-diff-stats .added{color:var(--diff-add);font-weight:600}.tui-diff-stats .removed{color:var(--diff-remove);font-weight:600}.tui-diff-content{font-family:var(--font-mono);font-size:.8rem;line-height:1.4;overflow-x:auto;background:var(--code-bg)}.tui-diff-line{display:flex;min-height:1.4rem;line-height:1.4rem}.tui-diff-linenum{width:3.5rem;text-align:right;padding-right:.5rem;color:var(--text-muted);user-select:none;flex-shrink:0;background:var(--bg-tertiary);border-right:1px solid var(--border)}.tui-diff-prefix{width:1.25rem;text-align:center;flex-shrink:0;font-weight:700;user-select:none}.tui-diff-code{flex:1;white-space:pre;padding-left:.5rem;padding-right:.75rem}.tui-diff-line.context{background:var(--code-bg)}.tui-diff-line.context .tui-diff-prefix{color:var(--text-muted)}.tui-diff-line.context .tui-diff-code{color:var(--text-secondary)}.tui-diff-line.add{background:var(--diff-add-line-bg)}.tui-diff-line.add .tui-diff-prefix{color:var(--diff-add)}.tui-diff-line.add .tui-diff-code{color:var(--diff-add)}.tui-diff-line.remove{background:var(--diff-remove-line-bg)}.tui-diff-line.remove .tui-diff-prefix{color:var(--diff-remove)}.tui-diff-line.remove .tui-diff-code{color:var(--diff-remove)}.tui-diff-line.hunk{background:var(--diff-hunk-bg);padding:.2rem .75rem}.tui-diff-hunk-header{color:var(--diff-hunk);font-size:.75rem}.diff-view-toggle{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.2rem;border-radius:.375rem;border:1px solid var(--border)}.diff-view-toggle button{display:flex;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.7rem;font-weight:500;background:0 0;border:none;color:var(--text-muted);cursor:pointer;border-radius:.25rem;transition:all .2s}.diff-view-toggle button:hover{color:var(--text-primary);background:var(--accent-soft)}.diff-view-toggle button.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.1)}.diff-view-toggle svg{width:12px;height:12px}.files-changed-section.split-layout{}.files-changed-section.split-layout .files-changed-body{display:flex;gap:0;min-height:300px}.files-changed-section.split-layout .files-list-panel{width:280px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-card);overflow-y:auto;max-height:600px}.files-changed-section.split-layout .diff-panel{flex:1;background:var(--code-bg);overflow:auto;max-height:600px}.files-changed-section.split-layout .diff-panel-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-muted);font-size:.9rem}.files-changed-section.split-layout .file-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem;transition:background .15s}.files-changed-section.split-layout .file-item:hover{background:var(--accent-soft)}.files-changed-section.split-layout .file-item.selected{background:var(--accent-soft);border-left:3px solid var(--accent)}.files-changed-section.split-layout .file-item .file-icon{color:var(--text-muted);flex-shrink:0}.files-changed-section.split-layout .file-item .file-info{flex:1;min-width:0;overflow:hidden}.files-changed-section.split-layout .file-item .file-name{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-changed-section.split-layout .file-item .file-path{color:var(--text-muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-changed-section.split-layout .file-item .file-stats{display:flex;gap:.4rem;font-weight:600;font-size:.75rem;flex-shrink:0}.files-changed-section.split-layout .file-item .additions{color:var(--diff-add)}.files-changed-section.split-layout .file-item .deletions{color:var(--diff-remove)}.files-changed-section.split-layout .files-changed-list{display:none}.files-changed-section.stacked-layout .files-changed-body{display:none}.files-changed-section.stacked-layout .files-changed-list{display:block}@media(max-width:768px){.files-changed-section.split-layout .files-changed-body{flex-direction:column}.files-changed-section.split-layout .files-list-panel{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border)}.files-changed-section.split-layout .diff-panel{max-height:400px}}.summary-section{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem}.summary-content{max-width:900px;margin:0 auto}.summary-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.summary-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.collapsible-section{border:1px solid var(--border);border-radius:.5rem;margin:1rem;overflow:hidden;background:var(--bg-card)}.collapsible-header{background:var(--bg-tertiary);padding:.75rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background-color .2s}.collapsible-header:hover{background:var(--accent-soft)}.collapsible-title{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.collapsible-title svg{width:16px;height:16px;color:var(--text-muted)}.collapsible-icon{display:flex;align-items:center;color:var(--text-muted);transition:transform .2s}.collapsible-icon svg{width:16px;height:16px}.collapsible-content{display:none;padding:0}.collapsible-section.open .collapsible-content{display:block}.collapsible-meta{font-size:.75rem;color:var(--text-muted);margin-left:1rem}.message-count-note{padding:.6rem 1rem;font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.messages{max-width:900px;margin:0 auto;padding:0}.messages-list{padding:0}.message{margin:0;padding:1rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.message:last-child{border-bottom:none}.message.user{border-left:3px solid var(--brand-primary);background:var(--bg-secondary)}.message.assistant{border-left:3px solid var(--brand-accent)}.message.tool{border-left:3px solid var(--text-muted);font-family:var(--font-mono);font-size:.8rem;background:var(--bg-tertiary)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;margin:-.5rem -.5rem .5rem;font-size:.8rem;cursor:pointer;user-select:none;border-radius:.25rem;transition:background-color .15s}.message-header:hover{background:var(--accent-soft)}.message-header-left{display:flex;align-items:center;gap:.4rem}.message-header-right{display:flex;align-items:center;gap:.5rem}.message-toggle{display:flex;align-items:center;color:var(--text-muted);transition:transform .2s}.message-toggle svg{width:12px;height:12px}.message.collapsed .message-content{display:none}.role-icon{display:flex;align-items:center;color:var(--text-muted)}.role-icon svg{width:14px;height:14px}.message.user .role-icon{color:var(--brand-primary)}.message.assistant .role-icon{color:var(--brand-accent)}.role{font-weight:600;color:var(--text-secondary)}.message.user .role{color:var(--brand-primary)}.message.assistant .role{color:var(--brand-accent)}.timestamp{color:var(--text-muted);font-size:.75rem}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.375rem;padding:.35rem;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.copy-btn svg{width:14px;height:14px}.message-content{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-size:.9rem}.message-content pre{background:var(--code-bg);padding:.75rem;border-radius:.375rem;overflow-x:auto;margin:.5rem 0;border:1px solid var(--border);font-size:.8rem}.message-content code{font-family:var(--font-mono);font-size:.85em;color:var(--code-text)}.message-content code:not(pre code){background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:.25rem}.message-content h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.message-content h4{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:.75rem 0 .5rem}.message-content strong{font-weight:600;color:var(--brand-accent)}.hljs{background:0 0;color:var(--code-text)}.message-content pre code.hljs{display:block;overflow-x:auto}.hljs-comment,.hljs-quote{color:var(--syntax-comment)}.hljs-keyword,.hljs-selector-tag,.hljs-type,.hljs-literal,.hljs-name{color:var(--syntax-keyword)}.hljs-title,.hljs-function .hljs-title,.hljs-title.function_,.hljs-built_in,.hljs-class .hljs-title{color:var(--syntax-function)}.hljs-variable,.hljs-attr,.hljs-attribute,.hljs-property,.hljs-params{color:var(--syntax-variable)}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-regexp{color:var(--syntax-string)}.hljs-number{color:var(--syntax-number)}.git-diff-container{font-family:var(--font-mono);font-size:.8rem;line-height:1.4;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;margin:1rem;background:var(--bg-secondary)}.diff-summary-header{background:var(--bg-tertiary);padding:.6rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.diff-summary-icon{display:flex;align-items:center}.diff-summary-icon svg{width:16px;height:16px}.diff-summary-title{font-weight:600;color:var(--text-primary);font-size:.9rem}.diff-summary-stats{margin-left:auto;display:flex;gap:.5rem;font-size:.8rem;font-weight:600}.diff-summary-stats .additions{color:var(--diff-add)}.diff-summary-stats .deletions{color:var(--diff-remove)}.diff-summary-bar{background:var(--bg-tertiary);padding:.4rem .75rem;display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;border-bottom:1px solid var(--border)}.diff-summary-item{display:flex;align-items:center;gap:.25rem}.diff-summary-item.files{color:var(--brand-primary)}.diff-summary-item.added{color:var(--diff-add)}.diff-summary-item.removed{color:var(--diff-remove)}.diff-files{display:flex;flex-direction:column}.diff-file{border-top:1px solid var(--border)}.diff-file:first-child{border-top:none}.diff-file-header{background:var(--bg-tertiary);padding:.4rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.diff-file-icon{display:flex;align-items:center;color:var(--brand-primary)}.diff-file-icon svg{width:14px;height:14px}.diff-file-name{color:var(--text-primary);font-weight:500;font-size:.8rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.diff-file-lang{color:var(--text-muted);font-size:.65rem;background:var(--bg-secondary);padding:.1rem .4rem;border-radius:.25rem}.diff-file-stats{display:flex;gap:.4rem;font-size:.75rem;font-weight:600}.diff-file-stats .additions{color:var(--diff-add)}.diff-file-stats .deletions{color:var(--diff-remove)}.diff-file-content{background:var(--code-bg);overflow-x:auto}.diff-hunk-header{background:var(--diff-hunk-bg);color:var(--diff-hunk);padding:.2rem .75rem;font-size:.75rem;border-bottom:1px solid var(--border)}.diff-hunk-content{overflow-x:auto}.diff-line{display:flex;min-height:1.4rem;line-height:1.4rem}.diff-prefix{width:1.25rem;text-align:center;flex-shrink:0;font-weight:700;user-select:none}.diff-line-content{flex:1;white-space:pre;padding-right:.75rem}.diff-line.context{background:var(--code-bg)}.diff-line.context .diff-prefix{color:var(--diff-context)}.diff-line.context .diff-line-content{color:var(--diff-context)}.diff-line.add{background:var(--diff-add-line-bg)}.diff-line.add .diff-prefix{color:var(--diff-add);background:var(--diff-add-bg)}.diff-line.add .diff-line-content{color:var(--diff-add)}.diff-line.remove{background:var(--diff-remove-line-bg)}.diff-line.remove .diff-prefix{color:var(--diff-remove);background:var(--diff-remove-bg)}.diff-line.remove .diff-line-content{color:var(--diff-remove)}.diff-code-block{font-family:var(--font-mono);font-size:.8rem;line-height:1.4;border:1px solid var(--border);border-radius:.375rem;overflow-x:auto;margin:.5rem 0;background:var(--code-bg)}.diff-code-block .diff-line{display:flex;min-height:1.4rem;line-height:1.4rem}.diff-code-block .diff-prefix{width:1.25rem;text-align:center;flex-shrink:0;font-weight:700;user-select:none}.diff-code-block .diff-line-content{flex:1;white-space:pre;padding-right:.75rem}.diff-code-block .diff-line.file-header{background:var(--diff-hunk-bg);color:var(--diff-hunk);padding:.1rem .5rem;font-weight:600}.diff-code-block .diff-line.hunk-header{background:var(--diff-hunk-bg);color:var(--diff-hunk);padding:.1rem .5rem;font-size:.75rem}.diff-code-block .diff-line.diff-header{background:var(--bg-tertiary);color:var(--text-secondary);padding:.2rem .5rem;font-weight:600;border-bottom:1px solid var(--border)}.diff-code-block .diff-line.context{background:var(--code-bg)}.diff-code-block .diff-line.context .diff-prefix{color:var(--diff-context)}.diff-code-block .diff-line.context .diff-line-content{color:var(--diff-context)}.diff-code-block .diff-line.add{background:var(--diff-add-line-bg)}.diff-code-block .diff-line.add .diff-prefix{color:var(--diff-add);background:var(--diff-add-bg)}.diff-code-block .diff-line.add .diff-line-content{color:var(--diff-add)}.diff-code-block .diff-line.remove{background:var(--diff-remove-line-bg)}.diff-code-block .diff-line.remove .diff-prefix{color:var(--diff-remove);background:var(--diff-remove-bg)}.diff-code-block .diff-line.remove .diff-line-content{color:var(--diff-remove)}.terminal-output{font-family:var(--font-mono);font-size:.8rem;line-height:1.5;background:var(--code-bg);border:1px solid var(--border);border-radius:.375rem;padding:.75rem;overflow-x:auto}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-command{color:var(--text-primary);font-weight:500}.terminal-prompt{color:var(--accent);font-weight:700;margin-right:.25rem}.terminal-success{color:var(--diff-add)}.terminal-check{color:var(--diff-add);font-weight:700;margin-right:.25rem}.terminal-error{color:var(--diff-remove)}.terminal-x{color:var(--diff-remove);font-weight:700;margin-right:.25rem}.terminal-loading{color:var(--text-muted)}.terminal-spinner{color:var(--text-muted);margin-right:.25rem}.terminal-list-item{color:var(--text-secondary);padding-left:.5rem}.tool-block{position:relative;background:var(--code-bg);border:1px solid var(--border);border-radius:.375rem;margin:.5rem 0;padding:.75rem;overflow-x:auto}.tool-block .tool-label{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem}.tool-block code{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--code-text);white-space:pre-wrap;word-break:break-word}.passcode-container{margin-top:10vh}.passcode-logo{margin-bottom:1.5rem}.passcode-logo img{width:64px;height:64px}[data-theme=dark] .passcode-logo .logo-mark-light,html:not([data-theme]) .passcode-logo .logo-mark-light{display:none}[data-theme=dark] .passcode-logo .logo-mark-dark,html:not([data-theme]) .passcode-logo .logo-mark-dark{display:inline-block}[data-theme=light] .passcode-logo .logo-mark-dark{display:none}[data-theme=light] .passcode-logo .logo-mark-light{display:inline-block}.project-name{color:var(--accent);font-size:1.1rem;margin-bottom:1rem}.error-message{background:var(--error-bg);color:var(--error);padding:.6rem .75rem;border-radius:.5rem;margin:1rem 0;border:1px solid var(--error);font-size:.9rem}.passcode-input{display:block;width:100%;max-width:280px;margin:1rem auto;padding:.6rem .75rem;font-size:1.1rem;text-align:center;letter-spacing:.1em;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:var(--font-mono)}.passcode-input:focus{outline:none;border-color:var(--accent)}.session-footer{border-top:1px solid var(--border);background:var(--bg-secondary);padding:1.5rem 1rem;flex-shrink:0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-left,.footer-center,.footer-right{display:flex;flex-direction:column;align-items:center;gap:.25rem}.footer-left .copyright{font-size:.75rem;color:var(--text-muted);margin:0}.footer-left .made-in{font-size:.75rem;color:var(--text-muted);margin:0}.footer-left .heart{color:#ef4444}.footer-center .shared-via{font-size:.8rem;color:var(--text-secondary);margin:0}.footer-center .shared-via a{color:var(--text-secondary);text-decoration:none}.footer-center .shared-via a:hover{text-decoration:underline}.footer-center .footer-links{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.footer-center .footer-links a{color:var(--text-muted);text-decoration:none}.footer-center .footer-links a:hover{text-decoration:underline}.footer-center .views{font-size:.75rem;color:var(--text-muted);margin:0}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-left,.footer-center,.footer-right{align-items:flex-start}.footer-right{align-items:flex-end}.footer-center{align-items:center}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.9rem}.error-container{text-align:center;padding:3rem 1.5rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.error-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}@media(min-width:640px){html{font-size:15px}.theme-toggle{top:.75rem;right:.75rem;padding:.4rem .6rem;font-size:1rem}.session-header{padding:.75rem 1.5rem;padding-top:.75rem}.header-content{flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:1rem}.title-section{flex-direction:row;align-items:center;gap:.75rem}.title-section h1{font-size:1.1rem}.header-meta{justify-content:center}.collapsible-section{margin:1rem auto;max-width:900px}.messages{padding:1rem}.message{padding:1rem;margin-bottom:1rem;border-radius:.5rem;border:1px solid var(--border);border-bottom:1px solid var(--border)}.git-diff-container{margin:1rem auto;max-width:900px}}@media(min-width:1024px){html{font-size:16px}.session-header{padding:.6rem 2rem}.title-section h1{font-size:1.15rem}.messages{padding:1.5rem}.container{padding:2rem}}.timeline-nav{position:fixed;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:100;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.timeline-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:0 0;border:none;color:var(--text-muted);cursor:pointer;border-radius:.5rem;transition:all .2s}.timeline-nav-btn:hover{background:var(--accent-soft);color:var(--text-primary)}.timeline-nav-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-nav-btn svg{width:16px;height:16px}.timeline-track{display:flex;flex-direction:column;align-items:center;gap:0;padding:.5rem 0;max-height:300px;overflow-y:auto;scrollbar-width:none}.timeline-track::-webkit-scrollbar{display:none}.timeline-marker{position:relative;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;cursor:pointer;transition:all .15s}.timeline-marker::before{content:'';width:3px;height:100%;background:var(--border);position:absolute;top:0;left:50%;transform:translateX(-50%)}.timeline-marker:first-child::before{top:50%;height:50%}.timeline-marker:last-child::before{height:50%}.timeline-marker .dot{width:8px;height:8px;border-radius:50%;background:var(--border);position:relative;z-index:1;transition:all .15s}.timeline-marker:hover .dot{transform:scale(1.3);background:var(--text-muted)}.timeline-marker.user .dot{background:var(--brand-primary)}.timeline-marker.assistant .dot{background:var(--accent)}.timeline-marker.active .dot{transform:scale(1.5);box-shadow:0 0 0 3px var(--accent-soft)}.timeline-marker .timeline-tooltip{position:absolute;right:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:200px;overflow:hidden;text-overflow:ellipsis}.timeline-marker:hover .timeline-tooltip{opacity:1;visibility:visible}.timeline-tooltip-role{font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.timeline-tooltip-preview{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.timeline-toggle-btn{display:none;position:fixed;right:1rem;bottom:1rem;width:3rem;height:3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;z-index:101;box-shadow:0 4px 12px rgba(0,0,0,.2);align-items:center;justify-content:center}.timeline-toggle-btn svg{width:20px;height:20px}@media(max-width:768px){.timeline-nav{display:none;position:fixed;right:1rem;bottom:5rem;top:auto;transform:none;max-height:60vh}.timeline-nav.open{display:flex}.timeline-toggle-btn{display:flex}.timeline-track{max-height:40vh}}.timeline-nav.hidden{display:none}.collapsible-content,.message-content,.file-change-content{will-change:height,opacity}.vote-btn,.vote-count{will-change:transform}.notfound{position:relative;padding:4.5rem 1.5rem 4rem;min-height:80vh;overflow:hidden;background:radial-gradient(circle at 10% 15%,var(--accent-soft),transparent 45%),radial-gradient(circle at 85% 10%,var(--diff-hunk-bg),transparent 55%),var(--bg-primary)}.notfound-code{position:absolute;top:1.5rem;right:8%;font-size:clamp(6rem,16vw,16rem);font-weight:700;letter-spacing:-.08em;color:var(--text-primary);opacity:.06;pointer-events:none;animation:notfound-pulse 9s ease-in-out infinite}.notfound-grid{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;align-items:center}.notfound-copy{animation:notfound-fade .7s ease-out both}.notfound-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem}.notfound-logo:hover{color:var(--accent);text-decoration:none}.notfound-logo .logo-mark{height:32px}.notfound-pill{display:inline-flex;align-items:center;gap:.5rem;margin:1.5rem 0 1rem;padding:.35rem .85rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg-secondary);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.notfound-pill::before{content:"";width:.45rem;height:.45rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.notfound-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin-bottom:1rem}.notfound-copy p{color:var(--text-secondary);max-width:36ch;margin-bottom:1.75rem}.notfound-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.cli-button{display:grid;gap:.4rem;padding:.9rem 1.1rem;border-radius:.9rem;border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));color:var(--text-primary);text-decoration:none;min-width:260px;box-shadow:0 14px 28px rgba(0,0,0,.25);transition:transform .2s,border-color .2s,box-shadow .2s}.cli-button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 18px 32px rgba(0,0,0,.3);text-decoration:none}.cli-button-title{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.cli-button-command{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:.5rem}.cli-button-command::before{content:">";color:var(--accent);font-weight:700}.notfound-note{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:.75rem;border:1px dashed var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem}.notfound-note-label{font-weight:600;color:var(--text-primary)}.notfound-note code{font-family:var(--font-mono);padding:.1rem .35rem;border-radius:.35rem;background:var(--bg-tertiary);color:var(--text-primary)}.notfound-install{display:flex;flex-direction:column;gap:1rem;animation:notfound-fade .7s ease-out .12s both}.install-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.install-link{color:var(--text-secondary);text-decoration:none;font-weight:600;letter-spacing:0}.install-link:hover{color:var(--accent);text-decoration:none}.install-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.install-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 18px 40px rgba(0,0,0,.25)}.install-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.install-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.install-command{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:.8rem;background:var(--bg-tertiary);border:1px solid var(--border);font-family:var(--font-mono)}.install-command code{color:var(--text-primary);font-size:.85rem;flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-word}.install-prompt{color:var(--accent);font-weight:700;margin-right:.5rem}.install-command .copy-pill{margin-left:auto}.install-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.2rem;border-radius:9999px;background:var(--bg-tertiary);border:1px solid var(--border)}.install-tab{border:none;background:0 0;color:var(--text-secondary);font-size:.75rem;padding:.35rem .65rem;border-radius:9999px;cursor:pointer;transition:all .2s}.install-tab.active{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.copy-pill{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.7rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.copy-pill svg{width:1rem;height:1rem}.copy-pill:hover{border-color:var(--accent);color:var(--accent)}.copy-pill .check-icon{display:none}.copy-pill.copied{color:var(--success);border-color:var(--success);background:var(--accent-soft)}.copy-pill.copied .copy-icon{display:none}.copy-pill.copied .check-icon{display:block}@keyframes notfound-fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes notfound-pulse{0%,100%{transform:scale(1);opacity:.05}50%{transform:scale(1.03);opacity:.08}}@media(max-width:720px){.notfound{padding-top:4rem}.notfound-actions{width:100%}.cli-button,.btn.btn-secondary{width:100%}.install-command{flex-direction:column;align-items:flex-start}.copy-pill{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.notfound-copy,.notfound-install,.notfound-code{animation:none}}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.75rem 1rem;position:sticky;top:0;z-index:100}.site-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-header .header-logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:600}.site-header .header-logo:hover{text-decoration:none;opacity:.9}.site-header .header-logo .logo-mark{height:28px}.site-header .header-nav{display:flex;align-items:center;gap:1rem}.site-header .header-stats{display:flex;align-items:center;gap:.75rem}.stat-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:9999px;font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:all .2s}.stat-badge:hover{border-color:var(--accent);color:var(--text-primary);text-decoration:none}.stat-badge svg{width:14px;height:14px;opacity:.8}.stat-badge .stat-count{font-weight:600;color:var(--text-primary)}.stat-badge .stat-label{font-size:.7rem;color:var(--text-muted)}.site-header .header-actions{display:flex;align-items:center;gap:.5rem}.site-header .header-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .2s}.site-header .header-btn:hover{text-decoration:none}.site-header .header-btn-secondary{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border)}.site-header .header-btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.site-header .header-btn-primary{color:var(--bg-primary);background:var(--text-primary);border:1px solid var(--text-primary)}.site-header .header-btn-primary:hover{opacity:.9}@media(max-width:768px){.site-header .header-stats{display:none}.site-header .header-btn span{display:none}.site-header .header-btn{padding:.5rem}.site-header .header-btn svg{width:20px;height:20px}}.site-footer{border-top:1px solid var(--border);background:var(--bg-secondary);padding:1.5rem 1rem;flex-shrink:0;margin-top:auto}.site-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.site-footer .footer-left,.site-footer .footer-center,.site-footer .footer-right{display:flex;flex-direction:column;align-items:center;gap:.25rem}.site-footer .copyright{font-size:.75rem;color:var(--text-muted);margin:0}.site-footer .made-in{font-size:.75rem;color:var(--text-muted);margin:0}.site-footer .made-in .heart{color:#ef4444}.site-footer .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.site-footer .footer-links a{font-size:.8rem;color:var(--text-secondary);text-decoration:none}.site-footer .footer-links a:hover{color:var(--text-primary);text-decoration:underline}@media(min-width:768px){.site-footer .footer-content{flex-direction:row;justify-content:space-between;text-align:left}.site-footer .footer-left,.site-footer .footer-center,.site-footer .footer-right{align-items:flex-start}.site-footer .footer-right{align-items:flex-end}.site-footer .footer-center{align-items:center}}.hero{padding:4rem 1.5rem;background:var(--bg-primary)}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:900px){.hero-content{grid-template-columns:1fr 1.2fr}}.hero-text{animation:notfound-fade .6s ease-out both}.hero-title{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin-bottom:1.25rem;color:var(--text-primary)}.hero-highlight{display:block;color:var(--text-primary)}.hero-description{font-size:1.1rem;color:var(--text-secondary);max-width:480px;margin-bottom:2rem;line-height:1.6}.hero-description code{background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:.3rem;font-family:var(--font-mono);font-size:.95em;color:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.hero-demo{animation:notfound-fade .6s ease-out .15s both}.hero-gif{display:block;width:100%;height:auto;border-radius:.75rem;box-shadow:0 20px 50px rgba(0,0,0,.3)}.features{padding:4rem 1.5rem;background:var(--bg-secondary)}.features-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.15)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-soft);border-radius:.5rem;margin-bottom:1rem;color:var(--accent)}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.demo-showcase{padding:4rem 1.5rem;background:var(--bg-primary)}.section-title{text-align:center;font-size:1.75rem;margin-bottom:2.5rem;color:var(--text-primary)}.showcase-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.showcase-item{animation:notfound-fade .5s ease-out both}.showcase-item:nth-child(2){animation-delay:.1s}.showcase-item:nth-child(3){animation-delay:.2s}.showcase-gif{display:block;width:100%;height:auto;border-radius:.75rem;box-shadow:0 12px 32px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.showcase-gif:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25)}.install-section{padding:4rem 1.5rem;background:var(--bg-secondary)}.install-options{max-width:700px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media print{.theme-toggle,.session-footer,.site-footer,.site-header,.collapsible-header{display:none}.collapsible-content{display:block!important}body{background:#fff;color:#000}.message{break-inside:avoid}}