@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--hue-primary: 260;--hue-secondary: 320;--hue-accent: 190;--color-bg-dark: hsl(240, 10%, 8%);--color-bg-card: hsla(240, 10%, 15%, .6);--color-bg-glass: hsla(240, 10%, 20%, .2);--color-text-main: hsl(0, 0%, 95%);--color-text-muted: hsl(240, 5%, 70%);--color-primary: hsl(var(--hue-primary), 80%, 65%);--color-primary-glow: hsla(var(--hue-primary), 80%, 65%, .5);--color-secondary: hsl(var(--hue-secondary), 70%, 60%);--blur-glass: 12px;--shadow-soft: 0 8px 32px 0 rgba(0, 0, 0, .3);--border-glass: 1px solid rgba(255, 255, 255, .1);--ease-spring: cubic-bezier(.4, 0, .2, 1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0;padding:0}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,hsla(var(--hue-primary),50%,20%,.4),transparent 50%),radial-gradient(circle at 20% 30%,hsla(var(--hue-secondary),50%,20%,.3),transparent 40%),radial-gradient(circle at 80% 80%,hsla(var(--hue-accent),50%,15%,.3),transparent 40%);filter:blur(100px);z-index:-1;animation:bg-pulse 20s ease-in-out infinite alternate}@keyframes bg-pulse{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,-2%) scale(1.05)}}.glass-panel{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:var(--border-glass);box-shadow:var(--shadow-soft);border-radius:var(--radius-md)}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}*{box-sizing:border-box}html,body{height:100%}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;outline:none}.layout-container{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-dark);position:relative;overflow-x:hidden}.layout-container:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0%,transparent 40%);z-index:0;pointer-events:none;animation:bg-pulse 15s ease-in-out infinite alternate}@keyframes bg-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.1);opacity:.8}}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-glass)}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.highlight{color:var(--color-primary);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.layout-nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:var(--radius-full)}.nav-link:hover{color:#fff;background:#ffffff0d}.btn-login{background:var(--gradient-primary);border:none;padding:.6rem 1.5rem;border-radius:var(--radius-full);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7c3aed4d}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.layout-main{flex:1;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.layout-footer{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.85rem;border-top:1px solid var(--border-glass);position:relative;z-index:10}.audio-input-container{width:100%;max-width:600px;margin:0 auto}.drop-zone{border:2px dashed var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s var(--ease-spring);background:var(--color-bg-glass);cursor:pointer;position:relative;overflow:hidden}.drop-zone:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);opacity:0}.drop-zone:hover:after{animation:scan-sweep 2s linear infinite}.drop-zone:hover,.drop-zone.drag-active{border-color:var(--color-primary);background:hsla(var(--hue-primary),50%,20%,.2);transform:translateY(-2px);box-shadow:0 10px 40px -10px var(--color-primary-glow)}.icon-wrapper{width:64px;height:64px;border-radius:50%;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary);transition:transform .3s}.drop-zone:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.input-label{display:block;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.input-sublabel{display:block;color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.divider{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-bg-card)}.btn-record{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);background:var(--color-secondary);color:#fff;border:none;font-weight:600;margin:0 auto;transition:all .2s;box-shadow:0 4px 15px hsla(var(--hue-secondary),70%,50%,.4)}.btn-record:hover{transform:scale(1.05);box-shadow:0 8px 25px hsla(var(--hue-secondary),70%,50%,.6)}.btn-record.recording{background:#ef4444;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.dashboard-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:var(--border-glass);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-soft)}.transcription-card{grid-column:1 / -1;min-height:200px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--spacing-sm)}.card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-main);display:flex;align-items:center;gap:var(--spacing-xs)}.transcription-text{line-height:1.8;color:var(--color-text-main);font-size:1.05rem;white-space:pre-wrap}.summary-list{padding-left:var(--spacing-lg);color:var(--color-text-muted)}.summary-list li{margin-bottom:var(--spacing-xs)}.happiness-meter{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-md)}.happiness-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;position:relative;background:conic-gradient(var(--color-primary) var(--score-percent),rgba(255,255,255,.1) 0);box-shadow:0 0 20px #0003}.happiness-circle:before{content:"";position:absolute;width:100px;height:100px;background:var(--color-bg-dark);border-radius:50%}.happiness-val{position:relative;z-index:1}.happiness-label{margin-top:var(--spacing-md);font-size:1rem;color:var(--color-text-muted)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{background:#ffffff1a;padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;color:var(--color-primary);border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.dashboard-container{grid-template-columns:1fr}}@keyframes brain-pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary),.4)}50%{transform:scale(1.05);box-shadow:0 0 20px 10px rgba(var(--color-primary),.2)}to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary),.4)}}@keyframes scan-sweep{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up-fade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-xl)}.processing-core{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--color-primary),var(--color-secondary));position:relative;z-index:10;animation:brain-pulse 2s infinite ease-in-out}.processing-core:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--color-primary);opacity:.3;animation:spin-slow 10s linear infinite}.processing-core:before{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px dashed var(--color-secondary);opacity:.2;animation:spin-reverse 15s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.processing-status{text-align:center}.processing-text{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);background:linear-gradient(to right,white,var(--color-text-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.processing-subtext{color:var(--color-text-muted);font-size:.9rem;opacity:.8}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{width:90%;max-width:450px;padding:var(--spacing-lg);position:relative;background:var(--color-bg-dark);background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text-muted);transition:all .2s;border:none}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg);text-align:center}.icon-box{width:50px;height:50px;border-radius:12px;background:rgba(var(--color-secondary),.1);background:hsla(var(--hue-secondary),50%,20%,.3);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-secondary);box-shadow:0 0 15px hsla(var(--hue-secondary),50%,50%,.2)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-muted)}.glass-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff;font-size:1rem;transition:all .2s;outline:none}.glass-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.help-text{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-sm);line-height:1.4}.link-highlight{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.link-highlight:hover{color:#fff}.btn-save{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:1rem;transition:all .2s}.btn-save:hover{opacity:.9;transform:translateY(-1px)}