:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-yellow: #f59e0b;--accent-red: #ef4444;--border-color: #475569}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.app{min-height:100vh;padding:1rem;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.header h1{font-size:1.5rem;font-weight:600}.connection-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.connection-status.connected{background:#22c55e33;color:var(--accent-green)}.connection-status.disconnected{background:#ef444433;color:var(--accent-red)}.create-session-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.create-session-form input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.create-session-form input:focus{outline:none;border-color:var(--accent-blue)}.create-session-form button{padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.create-session-form button:hover:not(:disabled){background:#2563eb}.create-session-form button:disabled{opacity:.5;cursor:not-allowed}.sessions-grid{display:grid;gap:1rem}.session-card{display:block;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.session-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.session-header h3{font-size:1rem;font-weight:600}.status-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;color:#fff}.session-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem}.back-link:hover{color:var(--text-primary)}.session-info{flex:1;display:flex;align-items:center;gap:.75rem}.session-info h1{font-size:1.25rem}.tab-nav{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.tab-button{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:var(--accent-blue);color:#fff}.tab-button .badge{background:var(--accent-red);color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem}.progress-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.progress-bar-container{flex:1;height:.5rem;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:var(--accent-green);transition:width .3s}.progress-text{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.progress-view.enhanced{display:flex;flex-direction:column;gap:1.5rem}.progress-stats-bar{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:0 .75rem;border-right:1px solid var(--border-color)}.stat-item:last-child{border-right:none}.stat-item .stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-item .stat-label{font-size:.75rem;color:var(--text-secondary)}.stat-item.in-progress .stat-value{color:var(--accent-blue)}.stat-item.blocked .stat-value{color:var(--accent-red)}.stat-item.completed .stat-value{color:var(--accent-green)}.progress-overall{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-weight:500;color:var(--text-secondary)}.progress-value{font-size:1.25rem;font-weight:600;color:var(--accent-blue)}.progress-bar-track{position:relative;height:.5rem;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-bar-track .progress-bar-fill{position:absolute;top:0;height:100%;border-radius:9999px;transition:width .3s ease}.progress-bar-track .progress-bar-fill.completed{background:var(--accent-green)}.progress-bar-track .progress-bar-fill.in-progress{background:var(--accent-blue);opacity:.7}.progress-legend{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.legend-dot{width:.5rem;height:.5rem;border-radius:50%}.legend-item.completed .legend-dot{background:var(--accent-green)}.legend-item.in-progress .legend-dot{background:var(--accent-blue)}.task-groups{display:flex;flex-direction:column;gap:.75rem}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;border-left:3px solid transparent;transition:border-color .2s}.task-item.in_progress{border-left-color:var(--accent-blue)}.task-item.blocked{border-left-color:var(--accent-red)}.task-item.completed{border-left-color:var(--accent-green);opacity:.8}.task-item.failed{border-left-color:#dc2626}.task-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.task-body{flex:1;min-width:0}.task-main{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.task-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-time{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.task-status{font-size:1rem;width:1.5rem;text-align:center}.task-content{flex:1}.task-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.task-status-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;color:#fff;text-transform:uppercase}.task-details{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.task-progress-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.task-progress-track{flex:1;height:.25rem;background:var(--bg-secondary);border-radius:9999px;overflow:hidden}.task-progress-fill{height:100%;background:var(--accent-blue);transition:width .3s ease}.task-progress-value{font-size:.75rem;color:var(--text-secondary);min-width:2.5rem;text-align:right}.task-progress{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.task-progress-bar-container{flex:1;height:.25rem;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.task-progress-bar{height:100%;background:var(--accent-blue)}.task-progress span{font-size:.75rem;color:var(--text-secondary)}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-card{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.feature-header h3{font-size:1rem;font-weight:600}.feature-status-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;color:#fff}.feature-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.criteria-list{display:flex;flex-direction:column;gap:.375rem}.criteria-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem}.criteria-status{width:1rem}.criteria-description{color:var(--text-secondary)}.feature-card.passed{opacity:.7;border-left:3px solid var(--accent-green)}.feature-card.current{border:2px solid var(--accent-blue);background:linear-gradient(90deg,rgba(59,130,246,.05) 0%,var(--bg-secondary) 30%)}.feature-title-row{display:flex;align-items:center;gap:.75rem}.current-badge{padding:.125rem .5rem;background:var(--accent-blue);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.feature-status-badge.passed{background:var(--accent-green)}.feature-status-badge.partial{background:var(--accent-blue)}.feature-status-badge.pending{background:var(--bg-tertiary);color:var(--text-secondary)}.feature-checkpoint{margin-top:1rem;padding:.75rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.feature-checkpoint .checkpoint-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem}.feature-checkpoint .checkpoint-icon{font-size:1rem}.feature-checkpoint .checkpoint-label{font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em}.feature-checkpoint .checkpoint-time{margin-left:auto;color:var(--text-secondary)}.feature-checkpoint .checkpoint-summary{font-size:.875rem;color:var(--text-primary);margin-bottom:0}.feature-checkpoint .checkpoint-artifacts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.feature-checkpoint .artifacts-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.feature-checkpoint .artifact-item{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.input-request-view{display:flex;flex-direction:column;gap:1rem}.input-request-card{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:4px solid var(--accent-blue)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.urgency-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;color:#fff;text-transform:uppercase}.input-prompt{font-size:1rem;font-weight:500;margin-bottom:.75rem}.input-context{margin-bottom:.75rem}.input-context summary{cursor:pointer;color:var(--text-secondary);font-size:.875rem}.input-context pre{margin-top:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.375rem;font-size:.75rem;overflow-x:auto}.input-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.option-button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.option-button:hover{border-color:var(--accent-blue)}.option-button.selected{background:var(--accent-blue);border-color:var(--accent-blue)}.input-response-form{display:flex;flex-direction:column;gap:.5rem}.input-response-form textarea{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;resize:vertical}.submit-button{align-self:flex-start;padding:.75rem 1.5rem;background:var(--accent-green);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background .2s}.submit-button:hover:not(:disabled){background:#16a34a}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--accent-red);font-size:.875rem}.input-timeout{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.checkpoints-view.enhanced{display:flex;flex-direction:column;gap:1.5rem}.checkpoint-stats{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem}.checkpoint-timeline{display:flex;flex-direction:column}.checkpoint-card{display:flex;gap:1rem;position:relative}.timeline-connector{display:flex;flex-direction:column;align-items:center;width:1.5rem;flex-shrink:0}.timeline-line{width:2px;background:var(--border-color)}.timeline-line.top{height:.5rem}.timeline-line.bottom{flex:1;min-height:1rem}.checkpoint-card.first .timeline-line.top,.checkpoint-card.last .timeline-line.bottom{background:transparent}.timeline-dot{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent-blue);flex-shrink:0}.timeline-dot.latest{color:var(--accent-green)}.checkpoint-body{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem;margin-bottom:.75rem}.checkpoint-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.checkpoint-time-info{display:flex;flex-direction:column}.checkpoint-time-relative{font-size:.875rem;font-weight:500;color:var(--text-primary)}.checkpoint-time-absolute{font-size:.75rem;color:var(--text-secondary)}.checkpoint-badges{display:flex;gap:.5rem;flex-wrap:wrap}.checkpoint-summary{font-size:.875rem;color:var(--text-primary);line-height:1.5}.checkpoint-artifacts{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.artifacts-header{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.artifacts-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.artifact-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.75rem}.artifact-icon{flex-shrink:0}.artifact-path{flex:1;font-family:monospace;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-copy{background:none;border:none;cursor:pointer;padding:.25rem;font-size:.75rem;opacity:.6;transition:opacity .2s}.artifact-copy:hover{opacity:1}.checkpoint-state-json{padding:.75rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.75rem;font-family:monospace;overflow-x:auto;color:var(--text-secondary);margin:0;white-space:pre-wrap;word-break:break-word}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-hint{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.checkpoint-list{display:flex;flex-direction:column}.checkpoint-item{display:flex;gap:1rem}.checkpoint-marker{display:flex;flex-direction:column;align-items:center;width:1rem}.checkpoint-dot{width:.75rem;height:.75rem;background:var(--accent-blue);border-radius:50%;flex-shrink:0}.checkpoint-line{width:2px;flex:1;background:var(--border-color);margin:.25rem 0}.checkpoint-content{flex:1;padding-bottom:1.5rem}.checkpoint-time{font-size:.75rem;color:var(--text-secondary)}.checkpoint-state{margin-top:.5rem}.checkpoint-state summary{cursor:pointer;color:var(--text-secondary);font-size:.75rem}.checkpoint-state pre{margin-top:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.625rem;overflow-x:auto}.loading,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.error{padding:1rem;background:#ef44441a;border:1px solid var(--accent-red);border-radius:.5rem;color:var(--accent-red);margin-bottom:1rem}.error-container{text-align:center;padding:3rem}.header-title{display:flex;align-items:center;gap:1rem}.header-alert{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ef444426;border:1px solid var(--accent-red);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--accent-red)}.alert-dot{width:6px;height:6px;background:var(--accent-red);border-radius:50%;animation:pulse-dot 1.5s infinite}.status-dot-indicator{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.connection-status.connected .status-dot-indicator{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.connection-status.disconnected .status-dot-indicator{background:var(--accent-red)}.session-group{margin-bottom:2rem}.group-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.group-icon{font-size:.75rem}.group-icon.active{color:var(--accent-green)}.group-icon.paused{color:var(--accent-yellow)}.group-icon.completed{color:var(--text-secondary)}.session-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:all .2s}.session-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.session-card.active{border-left:3px solid var(--accent-green)}.session-card.paused{border-left:3px solid var(--accent-yellow);opacity:.85}.session-card.completed{border-left:3px solid var(--text-secondary);opacity:.7}.session-card.has-alert{background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--bg-secondary) 50%)}.session-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.session-title{display:flex;align-items:center;gap:.5rem;min-width:0}.session-title h3{font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-status-icon{font-size:.75rem;flex-shrink:0}.session-progress{display:flex;flex-direction:column;gap:.375rem}.progress-bar-mini{position:relative;height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:9999px;transition:width .3s}.progress-label{font-size:.75rem;color:var(--text-secondary)}.session-current-task{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#3b82f61a;border-radius:.375rem;font-size:.75rem}.current-label{color:var(--accent-blue);font-weight:500;flex-shrink:0}.current-task-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-stats{display:flex;flex-wrap:wrap;gap:.5rem}.stat-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.6875rem;color:var(--text-secondary)}.stat-item.alert{background:#ef444426;color:var(--accent-red)}.stat-item.warning{background:#f59e0b26;color:var(--accent-yellow)}.stat-icon{font-size:.75rem}.session-empty{padding:.5rem;text-align:center}.empty-label{font-size:.75rem;color:var(--text-secondary);font-style:italic}.session-overview{background:var(--bg-secondary);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.overview-progress{margin-bottom:1rem}.overview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.overview-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.overview-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:9999px;transition:width .5s ease-out}.overview-stats{display:flex;justify-content:space-between;align-items:center}.progress-percent{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.progress-count{font-size:.875rem;color:var(--text-secondary)}.overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.overview-card{background:var(--bg-primary);border-radius:.5rem;padding:.75rem;text-align:center;border:1px solid var(--border-color);transition:all .2s}.overview-card.alert{border-color:var(--accent-red);background:#ef44441a}.overview-card.alert .card-value{color:var(--accent-red)}.card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.card-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.current-focus{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f61a;border:1px solid var(--accent-blue);border-radius:.5rem}.focus-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--accent-blue)}.focus-task{font-size:.875rem;font-weight:500;color:var(--text-primary)}.tab-button.has-alert{position:relative}.tab-button.has-alert:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--accent-red);border-radius:50%;animation:pulse-dot 1.5s infinite}.global-status-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin:-1rem -1rem 1rem;font-size:.875rem}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:1.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-dot 2s infinite}.status-indicator.connected .status-dot{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-indicator.disconnected .status-dot{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);animation:none}.status-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.status-icon{font-size:1rem}.status-alert{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:#ef444426;border:1px solid var(--accent-red);border-radius:9999px;color:var(--accent-red);font-weight:500;animation:pulse-alert 2s infinite}.alert-count{font-weight:700}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-alert{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.badge-component{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-icon{font-size:.625rem}.badge-pulse{animation:badge-pulse 1.5s infinite}@keyframes badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.collapsible-section{border-radius:.375rem;overflow:hidden}.collapsible-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:color .2s}.collapsible-header:hover{color:var(--text-primary)}.collapsible-arrow{font-size:.625rem;transition:transform .2s}.collapsible-title{flex:1;text-align:left}.collapsible-badge{margin-left:auto}.collapsible-content{padding:.5rem;background:var(--bg-tertiary);border-radius:.375rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:4px solid;box-shadow:0 10px 25px #0000004d;animation:toast-enter .3s ease-out}.toast-item.toast-exit{animation:toast-exit .3s ease-in forwards}.toast-info{border-left-color:var(--accent-blue)}.toast-success{border-left-color:var(--accent-green)}.toast-warning{border-left-color:var(--accent-yellow)}.toast-error{border-left-color:var(--accent-red)}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;margin-bottom:.25rem}.toast-message{font-size:.875rem;color:var(--text-secondary)}.toast-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toast-action-btn{padding:.25rem .75rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.toast-action-btn:hover{background:#2563eb}.toast-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:.25rem;transition:all .2s}.toast-dismiss:hover{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.countdown-timer{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:.375rem;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.countdown-icon{font-size:1rem}.countdown-time{min-width:4rem}.countdown-warning{background:#f59e0b26;color:var(--accent-yellow);border:1px solid var(--accent-yellow)}.countdown-urgent{background:#ef444426;color:var(--accent-red);border:1px solid var(--accent-red);animation:countdown-pulse 1s infinite}.countdown-expired{background:#ef44444d;color:var(--accent-red);border:1px solid var(--accent-red)}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.6}}.input-request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.input-request-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600}.attention-icon{font-size:1.5rem}.input-request-card{padding:1.25rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color);border-left:4px solid;margin-bottom:1rem;transition:all .3s}.input-request-card.urgency-high{border-left-color:var(--accent-red);background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,var(--bg-secondary) 30%)}.input-request-card.urgency-normal{border-left-color:var(--accent-blue)}.input-request-card.urgency-low{border-left-color:var(--bg-tertiary)}.input-request-card.expired{opacity:.5;pointer-events:none}.input-request-card.pulse-border{animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef44441a}}.input-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.input-urgency-section{display:flex;align-items:center;gap:.75rem}.input-time{font-size:.75rem;color:var(--text-secondary)}.input-question-section{margin-bottom:1rem}.input-question-label,.input-options-label,.input-response-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.input-prompt{font-size:1rem;font-weight:500;line-height:1.5}.input-context-section{margin-bottom:1rem}.context-json{margin:0;padding:.75rem;background:var(--bg-primary);border-radius:.375rem;font-size:.75rem;overflow-x:auto;color:var(--accent-green)}.input-options-section{margin-bottom:1rem}.input-options{display:flex;flex-wrap:wrap;gap:.5rem}.option-button{position:relative;padding:.75rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.option-button:hover{border-color:var(--accent-blue);background:#3b82f61a}.option-button.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.recommended-badge{position:absolute;top:-8px;right:-8px;padding:.125rem .5rem;background:var(--accent-green);color:#fff;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:9999px}.input-response-section{padding-top:1rem;border-top:1px solid var(--border-color)}.input-response-form{display:flex;flex-direction:column;gap:.75rem}.input-response-form textarea{padding:.875rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:80px;transition:border-color .2s}.input-response-form textarea:focus{outline:none;border-color:var(--accent-blue)}.input-response-form textarea:disabled{opacity:.5;cursor:not-allowed}.submit-button{align-self:flex-start;padding:.875rem 2rem;background:var(--accent-green);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s}.submit-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-description{font-size:.875rem}@media(max-width:640px){.app{padding:.75rem}.global-status-bar{margin:-.75rem -.75rem .75rem;flex-direction:column;gap:.5rem;padding:.75rem}.status-bar-left,.status-bar-right{width:100%;justify-content:center}.header{flex-direction:column;align-items:flex-start;gap:.5rem}.create-session-form{flex-direction:column}.detail-header{flex-direction:column;align-items:flex-start}.session-info{width:100%;justify-content:space-between}.tab-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex-shrink:0}.input-card-header{flex-direction:column;align-items:flex-start}.toast-container{left:1rem;right:1rem;max-width:none}.overview-cards{grid-template-columns:repeat(2,1fr)}.current-focus{flex-direction:column;align-items:flex-start}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-error{background:#ef44441a;border:1px solid var(--accent-red);color:var(--accent-red);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.google-sign-in-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:#fff;color:#1f2937;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s}.google-sign-in-button:hover:not(:disabled){background:#f3f4f6;box-shadow:0 2px 8px #00000026}.google-sign-in-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.login-footer{margin-top:1.5rem;font-size:.8rem;color:var(--text-secondary)}.user-menu{position:fixed;top:1rem;right:1rem;z-index:1000}.user-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;overflow:hidden;transition:border-color .2s}.user-menu-button:hover{border-color:var(--accent-blue)}.user-avatar{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-blue);color:#fff;font-weight:600;font-size:1rem}.user-menu-backdrop{position:fixed;inset:0;z-index:-1}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:220px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.user-menu-header{padding:1rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--text-primary)}.user-email{font-size:.85rem;color:var(--text-secondary)}.user-menu-divider{height:1px;background:var(--border-color)}.user-menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .2s}.user-menu-item:hover{background:var(--bg-tertiary)}.landing-page{max-width:100%;margin:0;padding:0;overflow-x:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem;max-width:1200px;margin:0 auto;min-height:80vh;align-items:center}.hero-badge{display:inline-block;padding:.5rem 1rem;background:#3b82f61a;border:1px solid var(--accent-blue);border-radius:20px;font-size:.85rem;color:var(--accent-blue);margin-bottom:1.5rem}.hero h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-primary.large{padding:1rem 2.5rem;font-size:1.1rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.hero-visual{display:flex;justify-content:center}.dual-screen-container{display:flex;gap:1rem;perspective:1000px}.terminal-window{background:#1a1b26;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;width:280px;transform:rotateY(5deg);flex-shrink:0}.dashboard-preview{background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;width:280px;border:1px solid var(--border-color);transform:rotateY(-5deg);flex-shrink:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.dashboard-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.dashboard-live{font-size:.7rem;padding:.25rem .5rem;background:#22c55e33;color:var(--accent-green);border-radius:4px}.dashboard-body{padding:1rem}.dashboard-session{margin-bottom:1rem}.session-name{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.session-progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.session-progress-bar .progress-fill{height:100%;background:var(--accent-green);border-radius:3px;transition:width .3s ease}.session-stats{display:flex;gap:.75rem;font-size:.75rem}.stat-passed{color:var(--accent-green)}.stat-pending{color:var(--text-secondary)}.dashboard-features{display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.375rem .5rem;background:var(--bg-primary);border-radius:4px}.feature-item.passed{color:var(--text-primary)}.feature-item.active{color:var(--accent-blue);background:#3b82f61a}.feature-check{color:var(--accent-green);font-size:.75rem}.feature-spinner{width:12px;height:12px;border:2px solid var(--accent-blue);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#24283b}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{margin-left:auto;font-size:.8rem;color:#565f89}.terminal-body{padding:1.25rem;font-family:Fira Code,Monaco,monospace;font-size:.9rem;line-height:1.8}.terminal-line{color:#a9b1d6}.terminal-line .prompt{color:var(--accent-green);margin-right:.5rem}.terminal-line.output{color:#565f89;padding-left:1rem}.terminal-line .success{color:var(--accent-green)}.terminal-line .info{color:var(--accent-blue)}.quick-start{padding:6rem 2rem;background:var(--bg-secondary);text-align:center}.quick-start h2{font-size:2.25rem;margin-bottom:.75rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}.code-block{max-width:600px;margin:0 auto 3rem;background:var(--bg-primary);border-radius:12px;overflow:hidden;text-align:left}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);font-size:.85rem;color:var(--text-secondary)}.copy-btn{padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;cursor:pointer}.copy-btn:hover{background:var(--bg-tertiary)}.code-block pre{padding:1.25rem;margin:0;font-family:Fira Code,monospace;font-size:.9rem;color:var(--accent-green);overflow-x:auto}.code-block.cli-command pre{display:flex;align-items:center;gap:.5rem}.code-block.cli-command pre .prompt{color:var(--accent-blue)}.json-config-details{max-width:600px;margin:1.5rem auto 2.5rem}.json-config-details summary{cursor:pointer;color:var(--text-secondary);font-size:.9rem;padding:.5rem;transition:color .2s ease}.json-config-details summary:hover{color:var(--text-primary)}.json-config-details .code-block{margin-top:1rem}.quick-start-steps{display:flex;justify-content:center;gap:3rem;max-width:900px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:1rem;text-align:left}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-blue);color:#fff;border-radius:50%;font-weight:600;flex-shrink:0}.step-content h4{margin-bottom:.25rem;font-size:1rem}.step-content p{color:var(--text-secondary);font-size:.9rem}.features{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.features h2{font-size:2.25rem;margin-bottom:.75rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:left;transition:all .2s}.feature-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3b82f61a;border-radius:10px;color:var(--accent-blue);margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.comparison{padding:6rem 2rem;background:var(--bg-secondary);text-align:center}.comparison h2{font-size:2.25rem;margin-bottom:.75rem}.comparison-table{max-width:800px;margin:3rem auto 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.comparison-header,.comparison-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr)}.comparison-header{background:var(--bg-tertiary);font-weight:600}.comparison-cell{padding:1rem;border-bottom:1px solid var(--border-color);text-align:center}.comparison-cell.label{text-align:left;color:var(--text-secondary)}.comparison-cell.highlight{background:#3b82f61a}.comparison-row:last-child .comparison-cell{border-bottom:none}.comparison-cell .yes{color:var(--accent-green)}.comparison-cell .no{color:var(--text-secondary)}.comparison-cell .partial{color:var(--accent-yellow)}.cta{padding:6rem 2rem;text-align:center;max-width:800px;margin:0 auto}.cta h2{font-size:2.25rem;margin-bottom:1rem}.cta>p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.cta-note{margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.landing-footer{padding:3rem 2rem;border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@media(max-width:968px){.hero{grid-template-columns:1fr;text-align:center;padding:2rem 1rem;min-height:auto}.hero h1{font-size:2.25rem}.hero-actions{justify-content:center}.hero-visual{order:-1}.dual-screen-container{flex-direction:column;align-items:center}.terminal-window,.dashboard-preview{transform:none;width:100%;max-width:320px}.features-grid{grid-template-columns:1fr}.quick-start-steps{flex-direction:column;align-items:center}.comparison-table{font-size:.85rem}.comparison-cell{padding:.75rem .5rem}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:768px){.hero{padding:1.5rem 1rem;gap:2rem}.hero h1{font-size:1.875rem}.hero-subtitle{font-size:1rem}.hero-badge{font-size:.75rem;padding:.375rem .75rem}.terminal-window{max-width:100%}.terminal-body{padding:1rem;font-size:.8rem}.quick-start{padding:3rem 1rem}.quick-start h2{font-size:1.75rem}.section-subtitle{font-size:1rem}.code-block{max-width:100%;margin:0 0 2rem}.code-block pre{padding:1rem;font-size:.75rem;overflow-x:auto}.cli-command pre{white-space:pre-wrap;word-break:break-all}.features{padding:3rem 1rem}.features h2{font-size:1.75rem}.feature-card{padding:1.25rem}.comparison{padding:3rem 1rem}.comparison h2{font-size:1.75rem}.comparison-table{overflow-x:auto;font-size:.75rem}.comparison-cell{padding:.5rem .375rem;min-width:70px}.comparison-cell.label{min-width:80px}.cta{padding:3rem 1rem}.cta h2{font-size:1.5rem}.btn-primary.large{padding:.875rem 1.75rem;font-size:1rem}}@media(max-width:480px){.hero{padding:1rem}.hero h1{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}.terminal-body{font-size:.7rem;line-height:1.6}.step{flex-direction:column;text-align:center;gap:.75rem}.step-number{margin:0 auto}.quick-start h2,.features h2,.comparison h2{font-size:1.5rem}.cta h2{font-size:1.25rem}.cta-note{font-size:.8rem}}