:root{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:#1b2430;background:radial-gradient(circle at top right,#dce8ff,#f6f9ff 48%,#eef3ff);--card-bg: rgba(255, 255, 255, .88);--card-border: #dfe7fb;--primary: #165dff;--primary-hover: #0f4dd8;--danger: #cb3a31;--danger-hover: #a72f28;--text-muted: #5c6b84}*{box-sizing:border-box}body{margin:0;color:#1b2430}.container{min-height:100vh;padding:16px;display:grid;gap:12px;max-width:960px;margin:0 auto}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:14px;padding:14px;box-shadow:0 14px 38px #0f21491f;display:grid;gap:8px}.composer-card,.list-card{animation:fade-in-up .28s ease}.subtitle{margin:0}.login-card{margin-top:56px}h1,h2{margin:0}p,small{color:var(--text-muted)}textarea,input,button{font:inherit}.primary{background:var(--primary)}.tonal{background:#e3edff;color:#18449d}.tonal:hover{background:#d2e2ff}textarea,input{width:100%;border:1px solid #ced7e6;border-radius:8px;padding:9px}button{border:none;border-radius:9px;padding:9px 12px;background:var(--primary);color:#fff;cursor:pointer;transition:transform .12s ease,background-color .12s ease}button:hover{transform:translateY(-1px);background:var(--primary-hover)}button:focus-visible{outline:2px solid #91b3ff;outline-offset:2px}button:disabled{opacity:.6;cursor:default}.summary{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.stat-item{border:1px solid var(--card-border);border-radius:9px;padding:8px;background:#fffc;display:grid;gap:4px}.stat-label{font-size:12px;color:var(--text-muted)}.badge{font-size:13px;font-weight:600;border-radius:999px;padding:5px 9px}.badge.connected{color:#0f683b;background:#daf7e8;animation:pulse-soft 1.6s ease-in-out infinite}.badge.reconnecting{color:#7f5600;background:#fff2d6}.danger{background:var(--danger)}.danger:hover{background:var(--danger-hover)}.list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.list li{border:1px solid #e1e8f5;border-radius:10px;padding:8px;display:flex;justify-content:space-between;gap:8px;align-items:center;transition:transform .14s ease,box-shadow .14s ease}.list li:hover{transform:translateY(-1px);box-shadow:0 8px 18px #12244d14}.list-item{animation:fade-in-up .18s ease}.list li div{display:flex;gap:6px}.list li span{font-weight:600}.row-number{letter-spacing:.1px}.empty-state{border:1px dashed var(--card-border);border-radius:10px;padding:10px;display:grid;gap:4px;color:var(--text-muted)}@keyframes pulse-soft{0%{box-shadow:0 0 #2fa86f3d}70%{box-shadow:0 0 0 8px #2fa86f00}to{box-shadow:0 0 #2fa86f00}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.container{padding:10px}.card{padding:12px}.list li{flex-direction:row;align-items:center;flex-wrap:wrap}button{min-height:44px}}