.layout{flex-direction:column;min-height:100vh;display:flex}.layout-header{background:var(--bg-surface);border-bottom:5px solid var(--border);border-image:var(--header-accent,none);border-image-slice:1;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.layout-header h1{color:var(--text);margin:0;font-size:15px;font-weight:600}.layout-nav{align-items:center;gap:4px;display:flex}.layout-nav a{color:var(--text-muted);border-radius:var(--radius);padding:6px 12px;font-size:13px;text-decoration:none;transition:color .15s,background .15s}.layout-nav a:hover{background:var(--bg-hover);color:var(--text)}.layout-nav a.active{color:var(--text);background:var(--bg-hover);border-bottom:2px solid var(--accent)}.layout-user{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.theme-select{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font-sans);padding:2px 8px}.theme-select:focus{border-color:var(--accent);outline:none}.theme-select option{background:var(--bg-surface);color:var(--text)}.layout-user button{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px;transition:color .15s,border-color .15s}.layout-user button:hover{border-color:var(--text-muted);color:var(--text)}.layout-content{width:100%;max-width:1200px;margin:0 auto;padding:20px 24px}.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.login-page h1{color:var(--text);font-size:24px}.login-page p{color:var(--text-muted);margin-bottom:8px}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;padding:6px 16px;font-size:13px;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.health-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px}.health-card .label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:500}.health-card .value{color:var(--text);font-size:32px;font-weight:700}.health-meta{color:var(--text-dim);font-size:12px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table th:nth-child(2),.data-table td:nth-child(2){width:30%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:10%;max-width:120px}.badge{white-space:nowrap;font-size:12px;font-weight:500;display:inline-block}.badge:before{content:"● "}.badge-active{color:var(--green)}.badge-done{color:var(--text-muted)}.badge-responding{color:var(--accent)}.badge-started,.badge-progress,.badge-in_progress,.badge-idle{color:var(--yellow)}.badge-closed{color:var(--text-muted)}.badge-stale,.badge-failed,.badge-error{color:var(--red)}.title-responding{color:var(--accent)}.title-idle,.badge-status_change{color:var(--green)}.badge-output,.badge-heartbeat{color:var(--purple)}.tool-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.tool-badge.copilot{color:var(--accent);border:1px solid var(--accent)}.tool-badge.claude{color:var(--purple);border:1px solid var(--purple)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filters select,.filters input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font-size:13px;font-family:var(--font-sans);outline:none;padding:6px 10px}.filters select:focus,.filters input:focus{border-color:var(--accent)}.filters select option{background:var(--bg-surface);color:var(--text)}.detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.detail-card h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.detail-card p{color:var(--text-muted);margin-bottom:12px;font-size:13px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px 16px;display:grid}.detail-field .label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:11px;font-weight:500}.detail-field .value{color:var(--text);overflow-wrap:anywhere;font-size:13px}.prompt-text-container{position:relative}.prompt-text-content{background:var(--bg);border-radius:var(--radius);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);max-height:4.5em;padding:12px;font-size:12px;line-height:1.5;overflow:hidden}.prompt-text-content.expanded{max-height:none}.prompt-text-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:12px}.prompt-text-toggle:hover{text-decoration:underline}.log-entry{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:6px 0;font-size:13px;display:flex}.log-entry .log-time{color:var(--text-dim);min-width:140px;font-size:12px;font-family:var(--font-mono);flex-shrink:0}.log-entry .log-message{color:var(--text)}.log-entry .log-agent{color:var(--purple);font-size:12px;font-weight:500}.loading,.empty-state{text-align:center;color:var(--text-dim);padding:40px 20px}.error-message{text-align:center;color:var(--red);padding:20px}.back-link{color:var(--accent);margin-bottom:12px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}h2{margin-bottom:16px;font-size:18px;font-weight:600}.cell-prompt-preview{text-overflow:ellipsis;white-space:nowrap;max-width:350px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);overflow:hidden}.session-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.session-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:border-color .15s;display:flex}.session-card:hover{border-color:var(--accent)}.session-card-active{border-left:3px solid var(--green)}.session-card-header{justify-content:space-between;align-items:center;display:flex}.session-card-heartbeat{color:var(--text-dim);font-size:12px}.session-card-title{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:600;line-height:1.3}.session-card-machine{color:var(--text);font-size:14px;font-weight:600}.session-card-meta{flex-wrap:wrap;gap:8px;display:flex}.session-card-repo{color:var(--accent);background:#58a6ff1a;border-radius:4px;padding:2px 8px;font-size:12px}.session-card-branch{color:var(--purple);background:#bc8cff1a;border-radius:4px;padding:2px 8px;font-size:12px}.session-card-times{color:var(--text-dim);gap:12px;font-size:12px;display:flex}.session-card-prompt{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.session-card-prompt-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:4px;font-size:11px}.session-card-prompt-text{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.session-card-prompt-empty{color:var(--text-dim);font-style:italic}.charts-row-full{margin-bottom:16px}.charts-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.chart-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.chart-empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:13px}[data-theme=hot-dog-stand] .layout-header,[data-theme=hot-dog-stand] .layout-header h1{color:var(--hds-light)}[data-theme=hot-dog-stand] .layout-nav a{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .layout-nav a:hover,[data-theme=hot-dog-stand] .layout-nav a.active{color:var(--hds-light)}[data-theme=hot-dog-stand] .layout-user{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .layout-user button{color:var(--hds-light-muted);border-color:var(--hds-light-dim)}[data-theme=hot-dog-stand] .layout-user button:hover{color:var(--hds-light)}[data-theme=hot-dog-stand] .theme-select{color:var(--hds-light);background:var(--bg-surface)}[data-theme=hot-dog-stand] .session-card,[data-theme=hot-dog-stand] .session-card-title,[data-theme=hot-dog-stand] .session-card-machine{color:var(--hds-light)}[data-theme=hot-dog-stand] .session-card-heartbeat,[data-theme=hot-dog-stand] .session-card-times,[data-theme=hot-dog-stand] .session-card-prompt-label{color:var(--hds-light-dim)}[data-theme=hot-dog-stand] .session-card-prompt-text,[data-theme=hot-dog-stand] .session-card-prompt-empty{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .session-card-repo{color:var(--hds-light);background:#0003}[data-theme=hot-dog-stand] .session-card-branch{color:var(--hds-light-muted);background:#0003}[data-theme=hot-dog-stand] .session-card .badge{filter:brightness(2)}[data-theme=hot-dog-stand] .detail-card{color:var(--hds-light)}[data-theme=hot-dog-stand] .detail-card h2,[data-theme=hot-dog-stand] .detail-card p{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .detail-field .label{color:var(--hds-light-dim)}[data-theme=hot-dog-stand] .detail-field .value{color:var(--hds-light)}[data-theme=hot-dog-stand] .health-card .label{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .health-card .value{color:var(--hds-light)}[data-theme=hot-dog-stand] .health-meta{color:var(--hds-light-dim)}[data-theme=hot-dog-stand] .chart-card-title{color:var(--hds-light-muted)}[data-theme=hot-dog-stand] .filters select,[data-theme=hot-dog-stand] .filters input{color:var(--hds-light)}[data-theme=hot-dog-stand] .prompt-text-content,[data-theme=hot-dog-stand] .log-entry .log-message{color:#000}[data-theme=hot-dog-stand] .log-entry .log-time{color:#500}[data-theme=hot-dog-stand] .title-responding{color:#00c}[data-theme=hot-dog-stand] .title-idle{color:#060}[data-theme*=pride] .layout-header{border-bottom-width:5px}[data-theme*=pride] .layout-nav a.active{border-bottom:3px solid #0000;border-image:var(--header-accent) 1}[data-theme*=pride] .session-card{border-left:4px solid #0000;border-image:var(--flag-stripe) 1;border-image-width:0 0 0 4px}[data-theme*=pride] .session-card:hover{box-shadow:0 0 12px #ff6b6b40,0 0 4px #004dff33}[data-theme*=pride] .data-table,[data-theme*=pride] .detail-card{border-left:4px solid #0000;border-image:var(--flag-stripe) 1;border-image-width:0 0 0 4px}[data-theme*=pride] .view-tab.active{border:2px solid #0000;border-image:var(--header-accent) 1;color:var(--text);background:0 0}@media (width<=768px){.layout-header{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px}.layout-header h1{text-align:center;width:100%;font-size:13px}.layout-nav{order:3;justify-content:center;width:100%}.layout-nav a{padding:4px 8px;font-size:12px}.layout-user{flex-wrap:wrap;order:2;justify-content:center;gap:6px;width:100%}.theme-select{font-size:11px}.layout-content{max-width:100%;padding:12px 8px}h2{margin-bottom:12px;font-size:16px}.filters{flex-direction:column;gap:8px}.filters select,.filters input{width:100%}.data-table{-webkit-overflow-scrolling:touch;font-size:12px;display:block;overflow-x:auto}.data-table th,.data-table td{white-space:nowrap;padding:6px 8px}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(6),.data-table td:nth-child(6){display:none}.session-grid{grid-template-columns:1fr;gap:8px}.session-card{padding:12px}.session-card-title{font-size:1rem}.session-card-machine{font-size:13px}.detail-grid{grid-template-columns:1fr}.detail-card{padding:12px}.health-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.login-page h1{font-size:20px}}@media (width<=480px){.layout-header h1{font-size:12px}.layout-nav a{padding:3px 6px;font-size:11px}.data-table{font-size:11px}.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(7),.data-table td:nth-child(7){display:none}.session-card{gap:6px;padding:10px}.session-card-meta{flex-direction:column;gap:4px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=purple-dark]{--bg:#0d0b1a;--bg-surface:#1a1730;--bg-hover:#242040;--border:#2d2854;--text:#e6e1f5;--text-muted:#9990b8;--text-dim:#5c5480;--accent:#a855f7;--green:#4ade80;--yellow:#facc15;--red:#f87171;--purple:#c084fc;--font-mono:"Cascadia Code", "Fira Code", "Consolas", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius:6px;--header-accent:none}[data-theme=purple-light]{--bg:#ede5f5;--bg-surface:#f5f0fc;--bg-hover:#e4daf0;--border:#c9bdd8;--text:#1a1030;--text-muted:#6b5f85;--text-dim:#9990b0;--accent:#9333ea;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--purple:#7c3aed;--header-accent:none}[data-theme=pride-dark]{--bg:#0d0d0d;--bg-surface:#1a1a1a;--bg-hover:#262626;--border:#333;--text:#f5f5f5;--text-muted:#a3a3a3;--text-dim:#666;--accent:#ff6b6b;--green:#06d6a0;--yellow:#ffd166;--red:#ef476f;--purple:#a855f7;--header-accent:linear-gradient(90deg, #e40303 0%, #e40303 16.6%, #ff8c00 16.6%, #ff8c00 33.2%, #ffed00 33.2%, #ffed00 49.8%, #008026 49.8%, #008026 66.4%, #004dff 66.4%, #004dff 83%, #750787 83%, #750787 100%);--flag-stripe:linear-gradient(180deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)}[data-theme=pride-light]{--bg:#f5f0f8;--bg-surface:#fff;--bg-hover:#fce8e8;--border:#e0c8d8;--text:#1a1020;--text-muted:#6b5070;--text-dim:#9988a0;--accent:#c00;--green:#006820;--yellow:#b87a00;--red:#c00;--purple:#5a0070;--header-accent:linear-gradient(90deg, #e40303 0%, #e40303 16.6%, #ff8c00 16.6%, #ff8c00 33.2%, #ffed00 33.2%, #ffed00 49.8%, #008026 49.8%, #008026 66.4%, #004dff 66.4%, #004dff 83%, #750787 83%, #750787 100%);--flag-stripe:linear-gradient(180deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)}[data-theme=progress-pride-dark]{--bg:#0a0a0a;--bg-surface:#171717;--bg-hover:#222;--border:#333;--text:#f5f5f5;--text-muted:#a3a3a3;--text-dim:#666;--accent:#55cdfc;--green:#008026;--yellow:#ffed00;--red:#e40303;--purple:#750787;--header-accent:linear-gradient(90deg, #000 0%, #613915 9%, #55cdfc 18%, #f7a8b8 27%, #fff 36%, #e40303 45%, #ff8c00 54%, #ffed00 63%, #008026 72%, #004dff 81%, #750787 90%, #750787 100%);--flag-stripe:linear-gradient(180deg, #000, #613915, #55cdfc, #f7a8b8, #fff, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)}[data-theme=progress-pride-light]{--bg:#f5f2f0;--bg-surface:#fff;--bg-hover:#ede5e0;--border:#d8c8c0;--text:#1a1210;--text-muted:#6b5a50;--text-dim:#998880;--accent:#08c;--green:#006820;--yellow:#b87a00;--red:#c00;--purple:#5a0070;--header-accent:linear-gradient(90deg, #000 0%, #613915 9%, #55cdfc 18%, #f7a8b8 27%, #fff 36%, #e40303 45%, #ff8c00 54%, #ffed00 63%, #008026 72%, #004dff 81%, #750787 90%, #750787 100%);--flag-stripe:linear-gradient(180deg, #000, #613915, #55cdfc, #f7a8b8, #fff, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)}[data-theme=trans-pride-dark]{--bg:#0d1117;--bg-surface:#161b22;--bg-hover:#1c2128;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--text-dim:#484f58;--accent:#55cdfc;--green:#3fb950;--yellow:#d29922;--red:#f85149;--purple:#f7a8b8;--header-accent:linear-gradient(90deg, #55cdfc 0%, #55cdfc 20%, #f7a8b8 20%, #f7a8b8 40%, #fff 40%, #fff 60%, #f7a8b8 60%, #f7a8b8 80%, #55cdfc 80%, #55cdfc 100%);--flag-stripe:linear-gradient(180deg, #55cdfc, #f7a8b8, #fff, #f7a8b8, #55cdfc)}[data-theme=trans-pride-light]{--bg:#f5e0e8;--bg-surface:#fdf2f6;--bg-hover:#f0d0dc;--border:#d8b0c0;--text:#1a1018;--text-muted:#6b4860;--text-dim:#997888;--accent:#0098cc;--green:#18854a;--yellow:#b87a00;--red:#cc2040;--purple:#9040a0;--header-accent:linear-gradient(90deg, #55cdfc 0%, #55cdfc 20%, #f7a8b8 20%, #f7a8b8 40%, #fff 40%, #fff 60%, #f7a8b8 60%, #f7a8b8 80%, #55cdfc 80%, #55cdfc 100%);--flag-stripe:linear-gradient(180deg, #55cdfc, #f7a8b8, #fff, #f7a8b8, #55cdfc)}[data-theme=dark]{--bg:#0d1117;--bg-surface:#161b22;--bg-hover:#1c2128;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--text-dim:#484f58;--accent:#58a6ff;--green:#3fb950;--yellow:#d29922;--red:#f85149;--purple:#bc8cff;--header-accent:none}[data-theme=hot-dog-stand]{--bg:#ff0;--bg-surface:red;--bg-hover:#d00;--border:#000;--text:#000;--text-muted:#300;--text-dim:#500;--accent:#c00;--green:#060;--yellow:#860;--red:#c00;--purple:#606;--header-accent:none;--hds-light:#fff;--hds-light-muted:#ff8;--hds-light-dim:#fc0}[data-theme=arctic-reflection]{--bg:#e4ecf4;--bg-surface:#eef4fa;--bg-hover:#d4e0f0;--border:#b0c4d8;--text:#1a2a3c;--text-muted:#4a6480;--text-dim:#7890a8;--accent:#2e6eb8;--green:#2a8a5a;--yellow:#b08820;--red:#c84040;--purple:#6858a8;--header-accent:none}[data-theme=amber-walnut-morning]{--bg:#1c1610;--bg-surface:#2a2018;--bg-hover:#3a2c20;--border:#4a3c2c;--text:#e8ddd0;--text-muted:#b8a890;--text-dim:#786850;--accent:#d4a050;--green:#6a9a50;--yellow:#d4a050;--red:#c86040;--purple:#a07868;--header-accent:none}[data-theme=pearl]{--bg:#f2ece4;--bg-surface:#faf6f0;--bg-hover:#e8dfd4;--border:#d4c8b8;--text:#2a2018;--text-muted:#6a5c50;--text-dim:#9a8c80;--accent:#7a5aa0;--green:#5a8860;--yellow:#b89840;--red:#c06848;--purple:#7a5aa0;--header-accent:none}[data-theme=jade-pebble-morning]{--bg:#eaf2ee;--bg-surface:#f2f8f5;--bg-hover:#dce8e2;--border:#c0d4c8;--text:#1a2820;--text-muted:#4a6858;--text-dim:#789888;--accent:#3a8868;--green:#3a8868;--yellow:#a89830;--red:#c06050;--purple:#6870a0;--header-accent:none}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--text);font-weight:600}p{margin:0}