:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--danger-color:#ef4444;--danger-hover:#dc2828;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Outfit,sans-serif;display:flex}.app-container{flex-direction:column;gap:24px;width:100%;max-width:500px;display:flex}header{text-align:center}.logo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.mic-icon{background:-webkit-linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #3b82f680);-webkit-background-clip:text;font-size:2rem}h1{letter-spacing:-.5px;font-size:2.2rem;font-weight:800}.subtitle{color:var(--text-secondary);font-size:1rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:32px 24px}.recorder-card{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:2px;color:#fff;text-shadow:0 0 20px #ffffff4d;font-size:3.5rem;font-weight:300}.visualizer{opacity:.3;justify-content:center;align-items:center;gap:6px;height:60px;transition:opacity .3s;display:flex}.visualizer.active{opacity:1}.wave{background:var(--accent-color);width:6px;height:10px;box-shadow:0 0 10px var(--accent-color);border-radius:10px}.visualizer.active .wave{animation:1s ease-in-out infinite bounce}.visualizer.active .wave:nth-child(2){animation-delay:.1s}.visualizer.active .wave:nth-child(3){animation-delay:.2s}.visualizer.active .wave:nth-child(4){animation-delay:.3s}.visualizer.active .wave:nth-child(5){animation-delay:.4s}@keyframes bounce{0%,to{height:10px}50%{background:#8b5cf6;height:50px;box-shadow:0 0 15px #8b5cf6}}.controls{gap:16px;width:100%;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-color);box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger-color);animation:2s infinite pulse;box-shadow:0 4px 15px #ef444466}.btn-danger:hover{background:var(--danger-hover)}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.btn-warning{background:#f59e0b;box-shadow:0 4px 15px #f59e0b66}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981;box-shadow:0 4px 15px #10b98166}.btn-success:hover{background:#059669}.meeting-type-selector{text-align:left;width:100%;margin-top:-10px}.meeting-type-selector label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;display:block}.input-select{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#0003;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem}.input-select:focus{border-color:var(--accent-color)}.status-text{color:var(--text-secondary);font-size:.9rem}.hidden{display:none!important}.results-card{margin-top:24px}.results-card h2{margin-bottom:0;font-size:1.5rem}.results-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.export-actions{gap:8px;display:flex}.section{margin-bottom:24px}.section h3{color:var(--accent-color);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;display:flex}.section p,.section li{color:var(--text-primary);font-size:.95rem;line-height:1.6}.section ul{padding-left:8px;list-style-position:inside}.section li{border-left:3px solid var(--accent-color);background:#0003;border-radius:8px;margin-bottom:8px;padding:8px 12px}.loading{flex-direction:column;align-items:center;gap:16px;padding:32px 0;display:flex}.spinner{border:4px solid #ffffff1a;border-left-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}header{position:relative}.header-actions{position:absolute;top:0;right:0}.btn-icon{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:8px 16px;font-size:.9rem}.btn-icon:hover{background:#ffffff1a}.audio-container{justify-content:center;width:100%;margin:16px 0;display:flex}audio{border-radius:12px;outline:none;width:100%}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.modal-body{padding-right:8px;overflow-y:auto}.history-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.history-item{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;padding:16px;transition:all .2s}.history-item:hover{background:#ffffff1a;transform:translateY(-2px)}.history-item h4{color:var(--accent-color);margin-bottom:4px;font-size:1.1rem}.history-item .date{color:var(--text-secondary);font-size:.8rem}.modal-search{padding:0 0 16px}.history-item-content{justify-content:space-between;align-items:center;display:flex}.history-item-info{flex:1}.delete-btn{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex}.delete-btn:hover{color:#fff;background:#ef4444cc}