@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-app:#f6f5fb;--bg-card:#ffffffd9;--bg-card-solid:#fff;--bg-card-hover:#fffffff2;--border-glass:#7c6fe026;--border-subtle:#e2e8f0cc;--shadow-soft:0 4px 20px -2px #7c6fe014, 0 2px 6px -1px #00000008;--shadow-hover:0 10px 30px -4px #7c6fe029, 0 4px 10px -2px #0000000a;--shadow-glow:0 0 20px #7c6fe040;--primary:#7c6fe0;--primary-hover:#6c5ce7;--primary-gradient:linear-gradient(135deg, #7c6fe0 0%, #9b8df2 100%);--primary-light:#7c6fe01a;--primary-border:#7c6fe040;--secondary-pink:#ec4899;--secondary-pink-light:#ec48991a;--secondary-pink-border:#ec489940;--pink-gradient:linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--text-main:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--status-queued-bg:#fef3c7;--status-queued-text:#b45309;--status-queued-border:#fde68a;--status-transcribing-bg:#ede9fe;--status-transcribing-text:#6d28d9;--status-transcribing-border:#ddd6fe;--status-summarizing-bg:#fce7f3;--status-summarizing-text:#be185d;--status-summarizing-border:#fbcfe8;--status-completed-bg:#d1fae5;--status-completed-text:#047857;--status-completed-border:#a7f3d0;--status-failed-bg:#ffe4e6;--status-failed-text:#be123c;--status-failed-border:#fecdd3;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", var(--font-family);--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#7c6fe01a 0,#0000 50%),radial-gradient(at 100% 0,#f472b614 0,#0000 45%),radial-gradient(at 50% 100%,#7c6fe00f 0,#0000 60%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffbf;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #7c6fe00d}.app-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon-wrapper{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #7c6fe04d}.brand-text{font-family:var(--font-heading);background:linear-gradient(135deg,#5b4ec9 0%,#7c6fe0 50%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.app-nav{gap:1.25rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);padding:8px 16px;font-size:.925rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--primary);background-color:var(--primary-light)}.app-content{flex:1;padding:2.5rem 1.5rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-hover)}.note-item-row{transition:all .2s cubic-bezier(.4,0,.2,1);animation:.3s ease-out slideUp}.note-item-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)!important;background-color:#fff!important;border-color:#7c6fe066!important}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-loader{background:linear-gradient(90deg,#7c6fe00f 25%,#7c6fe029 50%,#7c6fe00f 75%) 0 0/200% 100%;border-radius:8px;animation:2s linear infinite shimmerPulse}.pulsing-dot{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse-dot;box-shadow:0 0 #7c6fe066}@keyframes pulse-dot{0%{box-shadow:0 0 #7c6fe099}70%{box-shadow:0 0 0 8px #7c6fe000}to{box-shadow:0 0 #7c6fe000}}