:root{color:#e6edf3;background:#0b1120;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.page{width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:32px clamp(16px,4vw,56px) 64px}.app-header{border-bottom:1px solid #243149;justify-content:space-between;align-items:end;gap:24px;padding:12px 0 28px;display:flex}.eyebrow{color:#93c5fd;letter-spacing:.14em;font-size:.78rem}h1{margin:10px 0 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.health-pill{color:#cbd5e1;border:1px solid #334155;border-radius:999px;max-width:360px;padding:10px 14px;font-size:.9rem}.health-connected{color:#bbf7d0;background:#14532d33;border-color:#166534}.health-error{color:#fecaca;background:#7f1d1d33;border-color:#7f1d1d}.note{color:#cbd5e1;line-height:1.6}.page-note{margin:22px 0}.workspace-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.panel-card{background:#131d31;border:1px solid #293750;border-radius:14px;grid-column:span 4;min-width:0;padding:22px;box-shadow:0 12px 30px #02061733}.panel-card.panel-wide{grid-column:span 12}.panel-card h2{color:#f8fafc;margin:0 0 10px;font-size:1.1rem}.panel-card p{color:#cbd5e1;margin:8px 0 0;line-height:1.5}.panel-card .auth-panel{border-top:0;margin-top:0;padding-top:0}.panel-card form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.panel-card label{color:#cbd5e1;gap:6px;font-size:.9rem;display:grid}.panel-card input{color:#e6edf3;width:100%;font:inherit;background:#0f172a;border:1px solid #475569;border-radius:8px;padding:10px 12px}.panel-card form button{margin-top:0}.journey-link{color:#93c5fd;margin:4px 12px 4px 0;display:inline-block}.status-row{color:#94a3b8;border-top:1px solid #293750;justify-content:space-between;gap:16px;margin-top:10px;padding-top:10px;font-size:.9rem;display:flex}.status-row strong{color:#cbd5e1;text-align:right;font-weight:500}button{color:#0f172a;cursor:pointer;font:inherit;background:#93c5fd;border:0;border-radius:8px;margin-top:18px;padding:10px 16px}.auth-state,.auth-error{line-height:1.5}.auth-error{color:#fca5a5}@media (width<=900px){.panel-card{grid-column:span 6}.panel-card.panel-wide{grid-column:span 12}}@media (width<=640px){.app-header{display:block}.health-pill{max-width:none;margin-top:18px}.panel-card,.panel-card.panel-wide{grid-column:span 12}.panel-card form{grid-template-columns:1fr}.status-row{display:block}.status-row strong{text-align:left;margin-top:4px;display:block}}