:root{--bg:#0b0f1a;--panel:#131a2b;--panel-2:#1a2338;--border:#263148;--text:#e8ecf5;--muted:#8b96ad;--accent:#fb923c;--accent-2:#fdba74;--danger:#f87171;--ok:#34d399;--radius:12px;--focus:#fb923c}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-copy{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.snuffy-mark{flex:none;height:auto;display:block}.brand-name{letter-spacing:.02em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.brand-tag{color:var(--muted);font-size:13px}.brand-link{color:var(--muted);white-space:nowrap;font-size:12px;text-decoration:none}.brand-link:hover{color:var(--text)}.app{max-width:1180px;margin:0 auto;padding:16px}.app-centered{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100dvh - 72px);display:flex}.welcome-copy{text-align:center;width:100%;max-width:520px}.welcome-copy h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(28px,5vw,46px);line-height:1.08}.welcome-copy .muted{max-width:46ch;margin:0 auto}.eyebrow{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;margin:14px 0 0;font-size:12px;font-weight:700}.workspace-shell{grid-template-columns:188px minmax(0,1fr);gap:20px;display:grid}.workspace-rail{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);align-self:start;padding:14px;position:sticky;top:16px}.workspace-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-section-heading h2{margin:0;font-size:14px}.workspace-add{border:1px solid var(--border);min-height:32px;color:var(--accent-2);border-radius:8px;padding:5px 9px;font-size:12px}.workspace-hint{color:var(--muted);margin:8px 0 14px;font-size:12px;line-height:1.4}.agent-form{gap:9px;margin:12px 0;display:grid}.agent-form label{color:var(--muted);gap:4px;font-size:11px;display:grid}.agent-form input,.agent-form textarea{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:7px;padding:7px}.agent-list{gap:6px;margin-top:10px;display:grid}.agent-row{border:1px solid var(--border);border-radius:8px;padding:8px}.agent-row strong,.agent-row span{display:block}.agent-row span{color:var(--accent-2);text-transform:capitalize;margin-top:2px;font-size:10px}.agent-row p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.35}.workspace-links{border-top:1px solid var(--border);gap:2px;padding-top:10px;display:grid}.workspace-links button{min-height:36px;color:var(--muted);text-align:left;justify-content:space-between;align-items:center;padding:6px 4px;font-size:13px;display:flex}.workspace-links button:hover{color:var(--text)}.workspace-main{min-width:0}.workspace-notice{color:var(--muted);margin:-8px 0 12px;font-size:12px}.tabs{gap:6px;margin-bottom:18px;display:flex}.tab{color:var(--muted);border:1px solid #0000;border-radius:999px;min-height:40px;padding:8px 16px}.tab:hover{color:var(--text)}.tab-active{color:var(--text);background:var(--panel);border-color:var(--border)}.muted{color:var(--muted);font-size:14px;line-height:1.5}.link{color:var(--accent);text-decoration:underline}.link-btn{color:var(--accent);align-self:flex-start;min-height:36px;font-size:13px;text-decoration:underline}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.grow{flex:180px}.field-label{color:var(--muted);font-size:12px;font-weight:600}.radio-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:12px 0;display:flex}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);width:100%;min-width:0;color:var(--text);padding:10px 12px;font-family:inherit}textarea.input{resize:vertical;min-height:72px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;min-width:44px;min-height:40px;padding:8px 12px}.btn:hover{background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#2b1103;font-weight:600}.btn-primary:hover{background:var(--accent-2)}.btn-danger{color:var(--danger)}.btn-wide{text-align:center;width:100%;margin:8px 0}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);justify-content:space-between;align-items:flex-start;gap:12px;margin:12px 0;padding:12px 14px;font-size:14px;display:flex}.banner p{margin:0}.banner-error{border-color:color-mix(in srgb, var(--danger) 50%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--panel))}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;width:100%;max-width:380px;padding:24px;display:flex}.auth-title{margin:0;font-size:20px}.auth-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.chat-shell{flex-direction:column;min-height:calc(100dvh - 148px);display:flex}.chat-toolbar{gap:8px;margin-bottom:12px;display:grid}.model-status{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot-on{background:var(--ok)}.status-dot-off{background:var(--danger)}.chat-log{flex-direction:column;flex:1;gap:10px;min-height:240px;padding:4px 0 12px;display:flex;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 12px;display:flex}.empty-title{margin:0;font-size:20px}.chat-bubble{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);max-width:85%;padding:10px 14px}.chat-bubble p{white-space:pre-wrap;margin:4px 0 0;font-size:14px;line-height:1.5}.chat-bubble-user{background:color-mix(in srgb, var(--accent) 15%, var(--panel));border-color:color-mix(in srgb, var(--accent) 30%, var(--border));align-self:flex-end}.chat-role{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.chat-pending{color:var(--muted)}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-composer{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.chat-input{flex:1}.char-count{color:var(--muted);margin:0;font-size:12px}.provider-row .radio-controls{margin:0}.auth-footer{margin-top:1.5rem}.station-name{margin:0;font-size:16px;font-weight:600}.confirm-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.confirm-row p{flex:220px;margin:0}@media (max-width:640px){.site-header{padding:10px 12px}.brand-tag{display:none}.app{padding:12px}.app-centered{justify-content:flex-start;min-height:auto}.workspace-shell{display:block}.workspace-rail{margin-bottom:12px;position:static}.workspace-agents{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.workspace-section-heading{display:contents}.workspace-hint{margin:0}.workspace-links{grid-template-columns:repeat(4,1fr);margin-top:10px}.workspace-links button{justify-content:center}.workspace-links span{display:none}.chat-input-row{flex-direction:column;align-items:stretch}.chat-bubble{max-width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}