:root{--bg:#0f0f14;--surface:#1a1a24;--surface2:#23233a;--border:#2d2d44;--text:#e4e4ef;--text-dim:#8888a0;--accent:#6c63ff;--accent-hover:#7f78ff;--red:#ff4d6a;--yellow:#ffb84d;--green:#4dff88;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{max-width:900px;margin:0 auto;padding:24px 16px}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:80vh;display:flex}.login-page h1{font-size:2rem}.login-page p{color:var(--text-dim);text-align:center;max-width:400px}.connect-buttons{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-google{background:#4285f4}.btn-google:hover{background:#5a96f5}.btn-slack{background:#4a154b}.btn-slack:hover{background:#5c1d5e}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn-sm{padding:6px 14px;font-size:.82rem}.btn-icon{border-radius:50%;width:36px;height:36px;padding:0;font-size:1.1rem}.badge{border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#4dff8826}.badge-dim{background:var(--surface2);color:var(--text-dim)}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.header h1{align-items:center;gap:8px;font-size:1.5rem;display:flex}.header-right{align-items:center;gap:12px;display:flex}.status-dots{align-items:center;gap:6px;display:flex}.dot{border:2px solid var(--border);border-radius:50%;width:10px;height:10px}.dot.active{border-color:var(--green);background:var(--green)}.recap-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.recap-section h2{align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;display:flex}.recap-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.recap-item:last-child{border-bottom:none}.recap-priority{flex-shrink:0;margin-top:2px;font-size:1.2rem}.recap-content{flex:1;min-width:0}.recap-from{font-size:.88rem;font-weight:600}.recap-subject{color:var(--text-dim);margin-top:2px;font-size:.85rem}.recap-summary{margin-top:6px;font-size:.88rem;line-height:1.5}.recap-action{color:var(--accent);margin-top:4px;font-size:.82rem;font-weight:500}.recap-actions{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-dim);padding:48px 20px}.empty-state .emoji{margin-bottom:12px;font-size:3rem}.voice-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.voice-picker h3{margin-bottom:12px;font-size:.95rem}.voice-category{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.82rem;font-weight:600}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.voice-card{border:2px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;transition:border-color .15s,background .15s;display:flex}.voice-card:hover{background:var(--surface2)}.voice-card.selected{border-color:var(--accent);background:#6c63ff1a}.voice-card .play-btn{background:var(--surface2);width:28px;height:28px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.voice-card .play-btn:hover{background:var(--accent)}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.voice-quick-select{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;max-width:200px;padding:6px 10px;font-size:.82rem}.voice-quick-select:focus{border-color:var(--accent);outline:none}.voice-indicator{color:var(--text-dim);padding:6px 10px;font-size:.82rem}.next-run-picker{color:var(--text-dim);align-items:center;gap:6px;font-size:.82rem;display:flex}.next-run-picker label{white-space:nowrap}.next-run-picker input[type=time]{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:.82rem}.next-run-picker input[type=time]:focus{border-color:var(--accent);outline:none}.settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.settings h3{margin-bottom:16px;font-size:.95rem}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.88rem}.setting-label small{color:var(--text-dim);margin-top:2px;font-size:.78rem;display:block}input[type=text],select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;width:260px;padding:8px 12px;font-size:.85rem}input[type=text]:focus,select:focus{border-color:var(--accent);outline:none}.audio-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.audio-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.audio-panel-header h3{margin-bottom:4px;font-size:.95rem}.audio-panel-header p{color:var(--text-dim);font-size:.82rem;line-height:1.5}.audio-panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.audio-player{width:100%}.audio-placeholder{border:1px dashed var(--border);color:var(--text-dim);border-radius:10px;padding:14px;font-size:.84rem}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.voice-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:12px}.controls{flex-direction:column}.share-actions{width:100%}.share-actions .btn{flex:calc(50% - 8px)}.audio-panel-header{flex-direction:column}.audio-panel-actions{width:100%}.audio-panel-actions .btn{flex:calc(50% - 8px)}input[type=text],select{width:100%}}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background:var(--surface2);border:1px solid var(--border);border-radius:24px;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-dim);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{border-color:var(--accent);background:#6c63ff4d}.toggle input:checked+.toggle-slider:before{background:var(--accent);transform:translate(20px)}.refresh-status{align-items:center;gap:14px;margin-left:auto;display:flex}.refresh-status-text{color:var(--text-dim);align-items:center;gap:6px;font-size:.79rem;display:flex}.refresh-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block}.notice{border:1px solid var(--border);border-radius:10px;margin:-8px 0 16px;padding:10px 14px;font-size:.85rem}.notice-info{color:var(--text);background:#6c63ff1f}.notice-success{color:var(--green);background:#4dff881f}.notice-error{color:#ff8aa0;background:#ff4d6a1f}.settings-divider{border-top:1px solid var(--border);margin:16px 0}.channel-checks{gap:16px;display:flex}.channel-checks label{cursor:pointer;align-items:center;gap:6px;font-size:.88rem;display:flex}.hour-grid{flex-wrap:wrap;gap:6px;display:flex}.hour-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:background .15s,border-color .15s,color .15s}.hour-btn:hover{background:var(--surface);color:var(--text)}.hour-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}