:root{--bg: #0d0e12;--surface: #15171e;--surface-hover: #1c1f28;--surface-active: #232733;--surface-elevated: #181b23;--surface-subtle: #101217;--border: #262934;--border-subtle: #1b1d26;--border-focus: #3e4456;--text: #f8fafc;--text-muted: #8b93a7;--text-dim: #555d71;--green: #34d399;--green-subtle: rgba(52, 211, 153, .12);--green-dim: rgba(52, 211, 153, .28);--red: #f87171;--red-subtle: rgba(248, 113, 113, .12);--red-dim: rgba(248, 113, 113, .28);--yellow: #fbbf24;--yellow-subtle: rgba(251, 191, 36, .12);--yellow-dim: rgba(251, 191, 36, .28);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .28);--dot-empty: #1a1d26;--dot-review: #6b7280;--dot-filled: #f8fafc;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:6px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}button:hover{background:var(--surface-hover);border-color:var(--border-focus)}button:active{background:var(--surface-active)}button.primary{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}button.primary:hover{background:#fff;border-color:#fff}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.secondary:hover{background:var(--surface-hover);border-color:var(--border-focus)}button.success{background:var(--green);color:#042f14;border-color:var(--green);font-weight:600}button.success:hover{background:#6ee7b7;border-color:#6ee7b7}button.outline-danger{border-color:var(--red);color:var(--red)}button.outline-danger:hover{background:var(--red-dim)}input,select,textarea{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:12px;font-size:11px;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted)}.badge.easy{color:var(--green);border-color:var(--green-dim);background:var(--green-subtle)}.badge.medium{color:var(--yellow);border-color:var(--yellow-dim);background:var(--yellow-subtle)}.badge.hard{color:var(--red);border-color:var(--red-dim);background:var(--red-subtle)}.badge.solved{color:var(--green);border-color:var(--green-dim);background:var(--green-subtle)}.badge.due{color:var(--yellow);border-color:var(--yellow-dim);background:var(--yellow-subtle)}.badge.webmcp{color:var(--green);border-color:var(--green-dim);font-size:10px;background:var(--green-subtle)}header.app-header{height:48px;border-bottom:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.brand-logo{width:22px;height:22px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-mono);font-size:10px;letter-spacing:-.5px;border-radius:3px}.brand-title{font-size:13px;font-weight:700;letter-spacing:.75px;color:var(--text)}.header-right{display:flex;align-items:center;gap:16px}.header-telemetry{display:flex;align-items:center;gap:10px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.header-telemetry .telemetry-val{color:var(--text);font-weight:600}.header-telemetry .telemetry-divider{color:var(--border-focus);font-size:10px}.header-action-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono);color:var(--green);background:var(--surface);border:1px solid var(--green-dim);padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.header-action-badge:hover{background:var(--surface-hover);border-color:var(--green);color:#fff}.dashboard-container{max-width:1240px;margin:0 auto;padding:20px 20px 48px;display:flex;flex-direction:column;gap:20px}.dashboard-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}@media(max-width:900px){.dashboard-hero{grid-template-columns:1fr}}.side-sticker{position:fixed;right:20px;bottom:20px;z-index:999;background:var(--surface-elevated);border:1px solid var(--green-dim);color:var(--text);padding:8px 14px;border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px #0009;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.side-sticker:hover{background:var(--surface-hover);border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 24px #000000b3}.sticker-sparkle{color:var(--green);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sticker-badge{background:var(--green);color:#042010;font-size:9px;font-weight:800;padding:1px 5px;border-radius:10px}.drawer-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);z-index:1100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-sheet{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-10px 0 30px #000000b3;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:1101}.drawer-overlay.open .drawer-sheet{transform:translate(0)}.drawer-header{height:48px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-title-group{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text)}.drawer-sparkle{color:var(--green)}.drawer-close-btn{background:transparent;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.drawer-close-btn:hover{color:var(--text);background:var(--surface-hover)}.drawer-tabs{display:flex;padding:6px 12px;background:var(--surface-subtle);border-bottom:1px solid var(--border);gap:6px;flex-shrink:0}.drawer-tab-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:4px 10px;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;flex:1;justify-content:center}.drawer-tab-btn:hover{color:var(--text)}.drawer-tab-btn.active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600}.drawer-tab-badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--border);color:var(--text-muted)}.drawer-tab-pane{display:none;flex:1;overflow-y:auto;padding:16px;flex-direction:column;gap:14px}.drawer-tab-pane.active{display:flex}.drawer-guide-body{display:flex;flex-direction:column;gap:14px}.drawer-guide-info{font-size:12px;line-height:1.5;color:var(--text-muted)}.drawer-guide-info strong{color:var(--text)}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:11px;font-family:var(--font-mono);color:var(--text-dim)}.footer-reset-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-family:var(--font-mono);cursor:pointer;padding:0;text-decoration:underline}.footer-reset-btn:hover{color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.card-header{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.75px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.recommend-card{background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.recommend-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.recommend-problem-title{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.recommend-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.recommend-meta .meta-item{display:inline-flex;align-items:center;gap:5px}.recommend-meta .meta-divider{color:var(--border-focus);font-size:10px}.recommend-insight{font-size:11px;line-height:1.45;color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.insight-label{color:var(--text);font-weight:700;margin-right:4px}.insight-text{color:var(--text-muted)}.icon{display:inline-flex;align-self:center;vertical-align:middle;flex-shrink:0}.due-list{display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:170px;overflow-y:auto}.due-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s ease}.due-item:hover{border-color:var(--border-focus)}.due-item-left{display:flex;align-items:center;gap:8px}.due-item-title{font-weight:600;font-size:13px;color:var(--text)}.due-item-overdue{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.category-section-title{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.75px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .15s ease;min-height:64px}.category-card:hover{border-color:var(--border-focus);background:var(--surface-hover);transform:translateY(-1px)}.category-card.selected{border-color:var(--text);background:var(--surface-active)}.category-card-top{display:flex;align-items:center;justify-content:space-between}.category-name{font-weight:600;font-size:13px;color:var(--text)}.category-header-right{display:flex;align-items:center;gap:6px}.category-weight{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.category-due-text{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap}.category-confidence-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-family:var(--font-mono)}.category-confidence-val{font-weight:700}.category-hover-info{display:none;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.category-card:hover .category-hover-info{display:inline}.category-card:hover .category-resting-info{display:none}.category-progress-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:2px}.category-progress-fill{height:100%;background:var(--text);border-radius:2px;transition:width .3s ease}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.catalog-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:280px}.catalog-toolbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.catalog-search-bar{position:relative;display:flex;align-items:center;flex:1;max-width:360px}.catalog-search-bar input{width:100%;padding-right:36px}.search-kbd{position:absolute;right:8px;font-family:var(--font-mono);font-size:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:1px 5px;border-radius:3px;pointer-events:none}.active-category-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-active);border:1px solid var(--border-focus);color:var(--text);padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono)}.active-category-clear{cursor:pointer;opacity:.6;transition:opacity .15s ease;font-weight:700}.active-category-clear:hover{opacity:1;color:var(--red)}.filter-tabs{display:flex;gap:4px}.filter-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono)}.filter-tab.active{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:700}.catalog-select{background-color:var(--surface);border:1px solid var(--border);color:var(--text);padding:5px 24px 5px 9px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:all .15s ease}.catalog-select:hover{background-color:var(--surface-hover);border-color:var(--border-focus);color:#fff}.catalog-select:focus{border-color:var(--text)}.diff-text{font-family:var(--font-mono);font-size:12px;font-weight:500}.diff-text.easy{color:var(--green)}.diff-text.medium{color:var(--yellow)}.diff-text.hard{color:var(--red)}.status-solved{color:var(--green);font-family:var(--font-mono);font-size:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-due{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.status-due-dot{color:var(--yellow);font-size:8px}.status-unattempted{color:var(--text-dim);font-family:var(--font-mono);font-size:12px}.core75-tag{font-family:var(--font-mono);font-size:9px;padding:1px 4px;border-radius:3px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-dim);margin-left:4px}.table-action-link{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;transition:all .15s ease}.table-action-link:hover{color:#fff}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}table.problem-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13px}table.problem-table th{background:var(--surface-subtle);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;border-bottom:1px solid var(--border);white-space:nowrap}table.problem-table td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;background-clip:padding-box}table.problem-table tr:last-child td{border-bottom:none}table.problem-table tr:hover td{background-color:var(--surface-hover)}.col-title{font-weight:600;display:flex;align-items:center;gap:8px}.col-rank{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.col-category,.col-pattern,.col-diff,.col-status,.col-action{white-space:nowrap}.workspace-container{display:grid;grid-template-columns:46% 54%;height:calc(100vh - 52px);overflow:hidden}@media(max-width:1024px){.workspace-container{grid-template-columns:1fr;height:auto}}.workspace-left-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.workspace-header{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0;min-height:48px}.workspace-title-group{display:flex;align-items:center;gap:8px;line-height:1}.workspace-title{font-size:15px;font-weight:700;color:var(--text);line-height:1}.workspace-meta-sep{color:var(--border-focus);font-size:10px;line-height:1;user-select:none}.workspace-category{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);line-height:1}.timer-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:4px 8px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);line-height:1}.timer-pill.urgent{color:var(--red);border-color:var(--red)}.workspace-tabs-bar{display:flex;align-items:center;padding:6px 12px;background:var(--surface-subtle);border-bottom:1px solid var(--border);gap:6px;flex-shrink:0}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:4px 10px;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text);background:var(--surface)}.tab-btn.active{color:var(--text);background:var(--surface);border-color:var(--border);font-weight:600}.tab-badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--border);color:var(--text-muted);font-weight:700}.tab-badge.active{background:var(--green-dim);color:var(--green)}.workspace-tab-pane{display:none;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;flex:1}.workspace-tab-pane.active{display:flex}.problem-description{font-size:13px;line-height:1.6;color:#d1d5db}.complexity-goals{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface);padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px}.complexity-item{display:flex;flex-direction:column;gap:2px}.complexity-label{color:var(--text-dim);font-size:10px;text-transform:uppercase}.complexity-value{color:var(--green);font-weight:600}.hints-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:10px}.hints-header{display:flex;align-items:center;justify-content:space-between}.hints-header-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.hint-item{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:6px}.hint-level-tag{font-family:var(--font-mono);font-size:11px;color:var(--yellow);font-weight:600}.hint-text{color:var(--text);line-height:1.4}.notes-container{display:flex;flex-direction:column;gap:8px}.notes-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.notes-textarea{width:100%;height:180px;resize:vertical;background:var(--surface-subtle);font-family:var(--font-mono);font-size:12px;line-height:1.4}.test-results-panel{display:flex;flex-direction:column;gap:10px;margin-top:4px}.test-results-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--text-muted)}.test-cases-tabs{display:flex;gap:4px}.tc-tab{padding:3px 8px;font-family:var(--font-mono);font-size:11px;border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.tc-tab.active{color:var(--text);border-color:var(--text);font-weight:600}.tc-tab.passed{color:var(--green);border-color:var(--green-dim)}.tc-tab.failed{color:var(--red);border-color:var(--red-dim)}.tc-detail-box{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:6px}.tc-field{display:flex;flex-direction:column;gap:2px}.tc-field-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.tc-field-val{color:var(--text);white-space:pre-wrap;word-break:break-all;background:var(--surface);padding:6px 8px;border-radius:3px}.workspace-right-panel{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;position:relative;background:#1e1e1e;overflow:hidden}.editor-top-bar{height:38px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);flex-shrink:0}.editor-hint{color:var(--text-dim);font-size:11px}.monaco-container{flex:1;width:100%;height:100%;min-height:0;min-width:0;position:relative;overflow:hidden}.editor-bottom-bar{height:48px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;flex-shrink:0}.editor-status-text{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--surface);border:1px solid var(--border-focus);border-radius:var(--radius-lg);width:90%;max-width:480px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0009}.scorecard-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.scorecard-badge{font-size:11px;font-family:var(--font-mono);color:var(--green);background:#042010;border:1px solid var(--green-dim);padding:3px 10px;border-radius:12px;font-weight:700;text-transform:uppercase}.scorecard-title{font-size:20px;font-weight:700;color:var(--text)}.scorecard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-box{background:var(--surface-subtle);border:1px solid var(--border);padding:10px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.metric-label{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase}.metric-val{font-size:16px;font-weight:700;color:var(--text);font-family:var(--font-mono)}.scorecard-actions{display:flex;gap:8px;margin-top:4px}.scorecard-actions button{flex:1;justify-content:center;padding:8px 12px}#toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:6px;z-index:2000}.toast{background:var(--surface);border:1px solid var(--border-focus);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);box-shadow:0 4px 12px #0006;display:flex;align-items:center;gap:6px;animation:slideIn .2s ease}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}@keyframes slideIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.pair-guide-card{background:var(--surface);border:1px solid var(--border)}.guide-body{display:flex;flex-direction:column;gap:10px}.guide-description{color:var(--text-muted);font-size:12px;line-height:1.5}.guide-description strong{color:var(--text)}.guide-prompts-section{display:flex;flex-direction:column;gap:6px}.guide-prompts-label{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px}.guide-prompt-chips{display:flex;flex-wrap:wrap;gap:6px}.prompt-chip{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;text-align:left}.prompt-chip:hover{background:var(--surface-hover);border-color:var(--border-focus);color:#fff}.prompt-chip.copied{background:var(--green-subtle);border-color:var(--green);color:var(--green)}.prompt-icon{display:inline-flex;align-items:center;color:var(--text-muted)}.prompt-copy-icon{display:inline-flex;align-items:center;opacity:.6;margin-left:auto}.guide-footer-note{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);border-top:1px dashed var(--border);padding-top:6px;display:flex;align-items:center;gap:6px}.activity-feed-card{background:var(--surface);border:1px solid var(--border)}.activity-feed-body{min-height:120px;max-height:170px;overflow-y:auto}.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;gap:4px;color:var(--text-dim)}.activity-feed-empty .empty-icon{display:flex;align-items:center;justify-content:center;opacity:.6;margin-bottom:4px}.activity-feed-empty .empty-text{font-size:12px;font-weight:600;color:var(--text-muted)}.activity-feed-empty .empty-subtext{font-size:11px;font-family:var(--font-mono);max-width:280px;line-height:1.4}.activity-timeline{display:flex;flex-direction:column;gap:6px}.activity-item{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease}.activity-item:hover{border-color:var(--border-focus)}.activity-item-header{display:flex;align-items:center;justify-content:space-between}.activity-actor-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:10px;font-size:10px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase}.activity-actor-pill.actor-agent{background:#042010;border:1px solid var(--green-dim);color:var(--green)}.activity-actor-pill.actor-user{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.activity-time{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.activity-summary{font-size:11px;font-family:var(--font-mono);color:var(--text);line-height:1.4;word-break:break-word}.event-tag{font-size:9px;font-family:var(--font-mono);padding:1px 5px;border-radius:3px;font-weight:600}.event-tag.rec{background:#241402;color:var(--yellow);border:1px solid var(--yellow-dim)}.event-tag.start{background:#111e2e;color:#60a5fa;border:1px solid #1e3a5f}.event-tag.pass{background:#042010;color:var(--green);border:1px solid var(--green-dim)}.event-tag.fail{background:#2a0505;color:var(--red);border:1px solid var(--red-dim)}.event-tag.hint{background:#241402;color:var(--yellow);border:1px solid var(--yellow-dim)}.dirty-cue-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1f1802;border:1px solid #5a4305;padding:6px 10px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:#fef08a;animation:fadeIn .2s ease}.dirty-cue-left{display:flex;align-items:center;gap:6px}.dirty-cue-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.dirty-cue-text{line-height:1.3}.dirty-cue-copy-btn{background:#292003;border:1px solid #856404;color:#fef08a;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.dirty-cue-copy-btn:hover{background:#3d3005;border-color:#ca8a04}.dirty-cue-copy-btn.copied{background:#042010;border-color:var(--green);color:var(--green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}