.app-layout{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--bg-white);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--space-lg);position:fixed;top:0;left:0;bottom:0;z-index:100}.app-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:800;font-size:1rem;letter-spacing:.05em;color:var(--blue-primary);padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-xl);text-decoration:none}.app-logo:hover{color:var(--blue-primary)}.app-nav{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.app-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:.625rem var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.app-nav-item:hover{background:var(--blue-glow);color:var(--blue-primary)}.app-nav-item.active{background:var(--blue-glow);color:var(--blue-primary);font-weight:600}.app-nav-item svg{flex-shrink:0}.app-sidebar-footer{border-top:1px solid var(--border-light);padding-top:var(--space-md)}.app-main{flex:1;margin-left:260px;padding:var(--space-2xl);background:var(--bg-light);min-height:100vh}.app-page-header{margin-bottom:var(--space-2xl)}.app-page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xs)}.app-page-header p{color:var(--text-muted);font-size:.9375rem}.app-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-xl)}.stats-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{flex:1;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg)}.stat-card .stat-label{font-size:.8125rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-top:var(--space-xs)}.transcript-list{display:flex;flex-direction:column;gap:var(--space-sm)}.transcript-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:inherit}.transcript-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);color:inherit}.transcript-item-info{display:flex;flex-direction:column;gap:2px}.transcript-item-title{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.transcript-item-meta{font-size:.8125rem;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:.75rem;font-weight:600}.status-badge--done{background:#dcfce7;color:#166534}.status-badge--processing,.status-badge--transcribing,.status-badge--summarizing{background:#dbeafe;color:#1e40af}.status-badge--failed{background:#fef2f2;color:#991b1b}.status-badge--uploading{background:#fef9c3;color:#854d0e}.upload-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-4xl) var(--space-2xl);text-align:center;background:var(--bg-white);transition:all var(--transition-fast);cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--blue-primary);background:var(--blue-glow)}.upload-zone-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--blue-primary)}.upload-zone h3{margin-bottom:var(--space-sm)}.upload-zone p{margin:0 auto}.upload-progress{margin-top:var(--space-xl)}.upload-progress-bar{height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden;margin-top:var(--space-sm)}.upload-progress-fill{height:100%;background:var(--blue-gradient);border-radius:4px;transition:width var(--transition-base)}.processing-steps{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-2xl) 0}.processing-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:1;text-align:center}.processing-step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid var(--border-light);color:var(--text-muted);background:var(--bg-white)}.processing-step-icon.completed{background:#dcfce7;border-color:#16a34a;color:#16a34a}.processing-step-icon.active{background:var(--blue-glow);border-color:var(--blue-primary);color:var(--blue-primary);animation:pulse 2s ease-in-out infinite}.processing-step-label{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.processing-step-label.active{color:var(--blue-primary);font-weight:600}.processing-step-connector{flex:.5;height:2px;background:var(--border-light);margin-bottom:28px}.processing-step-connector.completed{background:#16a34a}@keyframes pulse{0%,to{box-shadow:0 0 #0093dd4d}50%{box-shadow:0 0 0 8px #0093dd00}}.tabs{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:var(--space-xl)}.tab{padding:var(--space-md) var(--space-xl);font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-sans);font-size:.9375rem}.tab:hover{color:var(--blue-primary)}.tab.active{color:var(--blue-primary);border-bottom-color:var(--blue-primary);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.transcript-text{font-size:.9375rem;line-height:1.8;color:var(--text-primary);max-width:none}.transcript-segment{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.transcript-timestamp{font-size:.75rem;font-family:var(--font-mono);color:var(--blue-primary);cursor:pointer;margin-right:var(--space-sm)}.transcript-timestamp:hover{text-decoration:underline}.transcript-speaker{font-weight:600;color:var(--text-primary);margin-right:var(--space-sm)}.action-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0}.action-item input[type=checkbox]{margin-top:3px;accent-color:var(--blue-primary);width:18px;height:18px}.action-item-text{flex:1;font-size:.9375rem;color:var(--text-primary)}.action-item-text.checked{text-decoration:line-through;color:var(--text-muted)}.audio-player{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg)}.audio-player-controls{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.audio-player-btn{width:48px;height:48px;border-radius:50%;background:var(--blue-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.audio-player-btn:hover{box-shadow:var(--shadow-blue);transform:scale(1.05)}.audio-player-time{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted)}.audio-player-progress{width:100%;height:6px;background:var(--bg-light);border-radius:3px;cursor:pointer;position:relative}.audio-player-progress-fill{height:100%;background:var(--blue-gradient);border-radius:3px;transition:width .1s linear}.audio-player-speed{display:flex;gap:var(--space-xs)}.audio-player-speed button{padding:2px 8px;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-white);font-size:.75rem;cursor:pointer;color:var(--text-muted);font-family:var(--font-mono)}.audio-player-speed button.active{background:var(--blue-glow);border-color:var(--blue-primary);color:var(--blue-primary)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:.75rem var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px var(--blue-glow)}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-xs)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:var(--space-lg)}.alert--info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.alert--success{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert--error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.alert--warning{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.privacy-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--blue-glow);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--blue-primary)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--text-muted)}.empty-state svg{width:64px;height:64px;color:var(--border-medium);margin:0 auto var(--space-lg)}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-sm)}.record-idle{display:flex;flex-direction:column;align-items:center;padding:var(--space-4xl) 0}.record-btn{width:120px;height:120px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);margin-bottom:var(--space-lg)}.record-btn--start{background:#dc2626;color:#fff;box-shadow:0 0 #dc26264d}.record-btn--start:hover{background:#b91c1c;box-shadow:0 0 0 12px #dc262626;transform:scale(1.05)}.record-btn--requesting{background:var(--bg-light);color:var(--blue-primary);cursor:wait}.record-hint{color:var(--text-muted);font-size:.9375rem}.record-active{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) 0;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2xl)}.record-indicator{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:.9375rem;margin-bottom:var(--space-lg)}.record-indicator.recording{color:#dc2626}.record-indicator.paused{color:#d97706}.record-indicator-dot{width:12px;height:12px;border-radius:50%}.record-indicator.recording .record-indicator-dot{background:#dc2626;animation:record-pulse 1.5s ease-in-out infinite}.record-indicator.paused .record-indicator-dot{background:#d97706}@keyframes record-pulse{0%,to{opacity:1;box-shadow:0 0 #dc262666}50%{opacity:.6;box-shadow:0 0 0 8px #dc262600}}.record-timer{font-family:var(--font-mono);font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl);letter-spacing:.02em}.record-level-container{width:100%;max-width:400px;margin-bottom:var(--space-2xl)}.record-level-bar{height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xs)}.record-level-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#dc2626);border-radius:4px;transition:width .1s ease}.record-level-label{font-size:.75rem;color:var(--text-muted)}.record-controls{display:flex;gap:var(--space-lg)}.record-control-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.record-control-btn:hover{border-color:var(--blue-primary);color:var(--blue-primary);background:var(--blue-glow)}.record-control-btn--stop{border-color:#dc2626;color:#dc2626}.record-control-btn--stop:hover{background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.record-done-icon{width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.app-sidebar{width:100%;position:fixed;inset:auto 0 0;height:auto;flex-direction:row;padding:var(--space-sm) var(--space-md);border-right:none;border-top:1px solid var(--border-light);z-index:100}.app-logo{display:none}.app-nav{flex-direction:row;justify-content:space-around;width:100%}.app-nav-item{flex-direction:column;gap:2px;padding:var(--space-sm);font-size:.6875rem}.app-sidebar-footer{display:none}.app-main{margin-left:0;padding:var(--space-lg);padding-bottom:80px}.stats-row,.processing-steps{flex-direction:column}.processing-step-connector{width:2px;height:20px;margin-bottom:0}}