:root{--bg-color:#121212;--surface-color:#1e1e1e;--surface-color-hover:#2c2c2c;--text-primary:#fff;--text-secondary:#aaa;--accent-color:#00e5ff;--accent-hover:#00b8d4;--danger-color:#ff5252;--danger-hover:#ff1744;--tag-1:#ffb3ba;--tag-2:#ffdfba;--tag-3:#ffffba;--tag-4:#baffc9;--tag-5:#bae1ff;--tag-6:#e0baff;--border-radius:16px;--transition:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color-hover);border-radius:4px}button{color:inherit;font:inherit;cursor:pointer;transition:var(--transition);background:0 0;border:none}input{color:inherit;font:inherit;background:0 0;border:none;outline:none}.quick-recorder{flex-direction:column;align-items:center;margin:2rem 0;display:flex}.mic-container{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.mic-button{background-color:var(--accent-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #00e5ff4d}.mic-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #00e5ff66}.mic-button.active{background-color:var(--danger-color);border-radius:30px;transform:scale(1.1);box-shadow:0 0 25px #ff525299}.recording-waves{z-index:1;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recording-waves span{border:2px solid var(--danger-color);opacity:0;background-color:#0000;border-radius:50%;width:90px;height:90px;animation:1.5s linear infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recording-waves span:nth-child(2){animation-delay:.5s}.recording-waves span:nth-child(3){animation-delay:1s}@keyframes pulse{0%{opacity:.8;width:90px;height:90px}to{opacity:0;width:200px;height:200px}}.transcript-box{text-align:center;width:100%;max-width:400px;min-height:3rem;color:var(--text-secondary);margin-top:1.5rem;font-size:1rem}.transcribing-indicator{color:var(--accent-color);justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-management{width:100%;margin:1.5rem 0}.tag-list-container{scrollbar-width:none;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tag-list-container::-webkit-scrollbar{display:none}.tag-btn{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.tag-btn:hover{transform:translateY(-2px);opacity:1!important}.add-btn{border:1px dashed var(--text-secondary)!important;color:var(--text-secondary)!important;background-color:#0000!important}.add-tag-form{background-color:var(--surface-color);border-radius:20px;align-items:center;padding:.25rem .5rem .25rem 1rem;display:flex}.add-tag-form input{width:80px;font-size:.875rem}.add-submit{background-color:var(--accent-color);color:#121212;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.idea-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.idea-card{background-color:var(--surface-color);border-radius:var(--border-radius);padding:1rem;transition:transform .2s;box-shadow:0 4px 6px #0000001a}.idea-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.idea-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.idea-tags{flex-wrap:wrap;gap:.5rem;display:flex}.idea-tag{color:#121212;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.idea-time{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.idea-transcript{margin-bottom:1rem;font-size:.95rem;line-height:1.5}.audio-player-mini{background-color:#0003;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.play-btn{background-color:var(--accent-color);color:#121212;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.play-btn:hover{transform:scale(1.1)}.audio-wave-fake{flex:1;align-items:center;gap:3px;height:20px;display:flex}.wave-line{background-color:var(--accent-color);opacity:.7;border-radius:2px;width:4px;animation:1s ease-in-out infinite wave}.wave-line:first-child{height:40%;animation-delay:.1s}.wave-line:nth-child(2){height:80%;animation-delay:.2s}.wave-line:nth-child(3){height:60%;animation-delay:.3s}.wave-line:nth-child(4){height:100%;animation-delay:.4s}.wave-line:nth-child(5){height:50%;animation-delay:.5s}.wave-line:nth-child(6){height:70%;animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.empty-state{text-align:center;color:var(--text-secondary);background-color:var(--surface-color);border-radius:var(--border-radius);border:1px dashed #ffffff1a;padding:3rem 1rem}.analytics-dashboard{background-color:var(--surface-color);border-radius:var(--border-radius);margin-top:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a}.analytics-dashboard.empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.dashboard-header .subtitle{color:var(--text-secondary);font-size:.8rem}.chart-container{width:100%}.app-container{flex-direction:column;flex:1;display:flex}.app-header{justify-content:center;align-items:center;padding:1.5rem 0 1rem;display:flex}.app-header h1{background:linear-gradient(90deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.app-tabs{background-color:var(--surface-color);border-radius:20px;margin-bottom:1rem;padding:.25rem;display:flex}.app-tabs button{color:var(--text-secondary);border-radius:16px;flex:1;padding:.5rem;font-size:.9rem;font-weight:600}.app-tabs button.active{background-color:var(--bg-color);color:var(--text-primary);box-shadow:0 2px 4px #0003}.app-main{flex-direction:column;flex:1;display:flex}.slide-in{animation:.3s ease-out forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}