@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale}::selection{background:#0000001a;color:#0a0a0a;color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--text-primary:#0a0a0a;--text-secondary:#555;--text-muted:#999;--accent:#000;--border:#00000014;--border-hover:#0003;--font-logo:"Pacifico",cursive;--font-heading:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#0a0a0a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);overflow-x:hidden}.landing-page,body{background:#fff;background:var(--bg-primary)}.landing-page{min-height:100vh;position:relative;width:100vw}.nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;display:grid;grid-template-columns:1fr auto 1fr;height:56px;left:50%;padding:0 32px;position:fixed;top:0;transform:translateX(-50%);width:75%;z-index:100}.nav,.nav-logo{align-items:center}.nav-logo{display:flex;justify-self:start;text-decoration:none}.nav-logo-text{color:#0a0a0a;color:var(--text-primary);font-family:Pacifico,cursive;font-family:var(--font-logo);font-size:1.5rem;letter-spacing:.01em}.nav-center-links{align-items:center;display:flex;gap:36px;justify-self:center;list-style:none}.nav-center-links a{color:#555;color:var(--text-secondary);font-size:.9rem;font-weight:400;letter-spacing:.02em;text-decoration:none;transition:color .25s}.nav-center-links a:hover{color:#0a0a0a;color:var(--text-primary)}.nav-github-icon{align-items:center;color:#555;color:var(--text-secondary);display:flex;justify-content:center;justify-self:end;transition:color .25s}.nav-github-icon:hover{color:#0a0a0a;color:var(--text-primary)}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:60px 24px 0;position:relative;text-align:center;z-index:1}.hero-title{animation:fadeInUp .8s ease-out .2s backwards;color:#0a0a0a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);font-size:clamp(3.3rem,7.7vw,6rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:28px;max-width:900px}.hero-title-accent{font-style:italic}.hero-subtitle{animation:fadeInUp .8s ease-out .4s backwards;color:#555;color:var(--text-secondary);font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:300;letter-spacing:.01em;line-height:1.7;margin-bottom:48px;max-width:480px}.upload-zone{animation:fadeInUp .8s ease-out .6s backwards}.upload-dropzone{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px dashed #00000026;border-radius:24px;border-radius:var(--radius-xl);cursor:pointer;max-width:90vw;padding:56px 32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:440px}.upload-dropzone:hover{background:#fffc;border-color:#00000059;box-shadow:0 8px 40px #0000000f;transform:translateY(-3px)}.upload-dropzone.dragover{background:#00000005;border-color:#000;border-color:var(--accent);transform:scale(1.02)}.upload-icon{display:block;font-size:2.5rem;margin-bottom:16px}.upload-text{color:#0a0a0a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);font-size:.95rem;font-weight:500;margin-bottom:8px}.upload-subtext{color:#999;color:var(--text-muted);font-size:.8rem;font-weight:300}.upload-progress{margin-top:24px;max-width:90vw;width:440px}.progress-bar-wrapper{background:#0000000f;border-radius:100px;height:3px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:#000;background:var(--accent);border-radius:100px;height:100%;transition:width .5s ease}.progress-text{color:#555;color:var(--text-secondary);font-size:.8rem;font-weight:300;text-align:center}.features{background:#fff;background:var(--bg-primary);padding:120px 48px;position:relative;z-index:2}.features-header{margin-bottom:72px;text-align:center}.features-header h2{color:#0a0a0a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;letter-spacing:-.03em;margin-bottom:16px}.features-header p{color:#555;color:var(--text-secondary);font-size:1rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:440px}.features-grid{grid-gap:1px;background:#00000014;background:var(--border);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px;overflow:hidden}.feature-card{background:#fff;background:var(--bg-primary);padding:36px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:hover{background:#fafafa;background:var(--bg-secondary)}.feature-icon{display:block;filter:grayscale(1);font-size:1.6rem;margin-bottom:18px}.feature-card h3{color:#0a0a0a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.feature-card p{color:#555;color:var(--text-secondary);font-size:.88rem;font-weight:300;line-height:1.65}.how-it-works{background:#fff;background:var(--bg-primary);padding:100px 48px 120px;position:relative;z-index:2}.how-it-works-header{margin-bottom:64px;text-align:center}.how-it-works-header h2{color:#0a0a0a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;letter-spacing:-.03em;margin-bottom:16px}.how-it-works-header p{color:#555;color:var(--text-secondary);font-size:1rem;font-weight:300}.steps{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1000px}.step{flex:1 1;min-width:250px;text-align:center}.step-number{align-items:center;background:#000;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;margin:0 auto 20px;width:48px}.step h3,.step-number{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading)}.step h3{color:#0a0a0a;color:var(--text-primary);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.step p{color:#555;color:var(--text-secondary);font-size:.88rem;font-weight:300;line-height:1.65;margin:0 auto;max-width:260px}.btn-primary{align-items:center;background:#000;background:var(--accent);border:none;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#0000;border:1px solid #00000014;border:1px solid var(--border);border-radius:100px;color:#555;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:400;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-secondary:hover{border-color:#0003;border-color:var(--border-hover);color:#0a0a0a;color:var(--text-primary)}.footer{background:#fff;background:var(--bg-primary);border-top:1px solid #00000014;border-top:1px solid var(--border);padding:32px 48px;position:relative;text-align:center;z-index:2}.footer p{color:#999;color:var(--text-muted);font-size:.8rem;font-weight:300}.footer a{color:#0a0a0a;color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.footer a:hover{opacity:.6}@media (max-width:768px){.nav{height:48px;padding:0 16px}.nav-center-links{display:none}.nav-logo-text{font-size:1.3rem}.hero-title{font-size:2.6rem}.features,.how-it-works{padding:60px 20px}.steps{flex-direction:column;gap:32px}.upload-dropzone{padding:40px 24px;width:100%}}.emotion-picker{animation:pickerFadeIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #3b82f61a;padding:16px;position:absolute;width:320px;z-index:200}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.emotion-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.emotion-tabs{background:#ffffff0a;border-radius:8px;display:flex;gap:4px;padding:3px}.emotion-tab{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s}.emotion-tab.active{background:#3b82f626;color:#3b82f6}.emotion-tab:hover:not(.active){color:#94a3b8;color:var(--text-secondary,#94a3b8)}.emotion-close{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:.9rem;padding:4px;transition:all .2s}.emotion-close:hover{background:#ffffff0f;color:#f0f4ff;color:var(--text-primary,#f0f4ff)}.emotion-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.emotion-item{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 4px;transition:all .2s}.emotion-item:hover{background:#ffffff0f;border-color:#ffffff14;transform:translateY(-1px)}.emotion-item.selected{background:#3b82f61f;border-color:#3b82f64d;box-shadow:0 0 16px #3b82f61a}.emotion-emoji{font-size:1.5rem;line-height:1}.emotion-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.65rem;font-weight:500}.emotion-intensity{background:#ffffff08;border-radius:10px;margin-top:8px;padding:12px}.intensity-header{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px}.intensity-value{color:#3b82f6;font-size:.85rem;font-weight:600}.intensity-slider{-webkit-appearance:none;background:linear-gradient(90deg,#3b82f633,#3b82f6cc);border-radius:100px;height:4px;outline:none;width:100%}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f666;cursor:pointer;height:16px;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;width:16px}.intensity-slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px #3b82f699}.intensity-labels{color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:.7rem;justify-content:space-between;margin-top:6px}.paralinguistic-grid{display:flex;flex-direction:column;gap:6px}.paralinguistic-item{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.paralinguistic-item:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translateX(2px)}.paralinguistic-emoji{font-size:1.3rem}.paralinguistic-label{color:#f0f4ff;color:var(--text-primary,#f0f4ff);flex:1 1;font-size:.85rem;font-weight:500}.paralinguistic-tag{background:#ffffff0a;border-radius:4px;color:#64748b;color:var(--text-muted,#64748b);font-family:monospace;font-size:.7rem;padding:2px 8px}.emotion-remove{background:#ef444414;border:1px solid #ef444426;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:10px;padding:8px;transition:all .2s;width:100%}.emotion-remove:hover{background:#ef444426;border-color:#ef44444d}.emotion-chip{align-items:center;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:3px;margin-left:3px;padding:1px 6px;transition:all .2s;vertical-align:middle}.emotion-chip.happy{background:#facc1526;color:#facc15}.emotion-chip.sad{background:#3b82f626;color:#60a5fa}.emotion-chip.angry{background:#ef444426;color:#f87171}.emotion-chip.excited{background:#fb923c26;color:#fb923c}.emotion-chip.calm{background:#2dd4bf26;color:#2dd4bf}.emotion-chip.fearful{background:#a855f726;color:#a855f7}.emotion-chip.surprised{background:#ec489926;color:#ec4899}.emotion-chip.neutral{background:#94a3b826;color:#94a3b8}.emotion-chip:hover{filter:brightness(1.2);transform:scale(1.05)}.main-page{background:#fff;background:var(--bg-primary,#fff);color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body,"Inter",-apple-system,sans-serif);min-height:100vh}.main-content{margin:0 auto;max-width:900px;padding:80px 24px 100px}.speaker-section{animation:fadeInUp .5s ease-out backwards;margin-bottom:24px}.speaker-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.speaker-avatar{align-items:center;background:#0000;border:1.5px solid #0a0a0a;border-radius:50%;color:#0a0a0a;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.speaker-avatar.speaker-a{background:#0000000f}.speaker-avatar.speaker-b{background:#0000001f}.speaker-avatar.speaker-c{background:#0000000a}.speaker-avatar.speaker-d{background:#00000014}.speaker-avatar.speaker-e{background:#0000001a}.speaker-name{color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:.9rem;font-weight:600;letter-spacing:-.01em}.speaker-time{color:#999;color:var(--text-muted,#999);font-size:.75rem;margin-left:auto}.transcript-block{background:#fff9e5;border:1px solid #00000014;border-radius:12px;padding:20px;position:relative;transition:all .3s}.transcript-block:hover{border-color:#00000026;box-shadow:0 2px 12px #0000000a}.transcript-block.modified{background:#fff3cc;border-color:#0003}.transcript-text{color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-size:.95rem;line-height:1.8;min-height:24px;outline:none}.transcript-text .word{border-radius:3px;cursor:pointer;display:inline;padding:2px 1px;position:relative;transition:all .2s}.transcript-text .word:hover{background:#0000000f}.transcript-text .word.deleted{color:#999;color:var(--text-muted,#999);opacity:.5;text-decoration:line-through}.transcript-text .word.has-emotion{border-bottom:2px solid;padding-bottom:1px}.transcript-text .word.has-emotion.happy{border-color:#d4a017}.transcript-text .word.has-emotion.sad{border-color:#6b7280}.transcript-text .word.has-emotion.angry{border-color:#ef4444}.transcript-text .word.has-emotion.excited{border-color:#d97706}.transcript-text .word.has-emotion.calm{border-color:#059669}.transcript-text .word.has-emotion.fearful{border-color:#7c3aed}.transcript-text .word.has-emotion.surprised{border-color:#db2777}.transcript-text .word.inserted{color:#059669;font-weight:500}.transcript-text .paralinguistic-tag{align-items:center;background:#0000000f;border:1px solid #0000001a;border-radius:100px;color:#555;color:var(--text-secondary,#555);cursor:pointer;display:inline-flex;font-size:.8rem;gap:3px;margin:0 2px;padding:2px 8px;transition:all .2s}.transcript-text .paralinguistic-tag:hover{background:#0000001a;transform:scale(1.05)}.transcript-actions{align-items:center;border-top:1px solid #0000000f;display:flex;gap:8px;margin-top:12px;padding-top:12px}.action-btn{align-items:center;background:#0000000a;border:1px solid #0000;border-radius:8px;color:#999;color:var(--text-muted,#999);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s}.action-btn:hover{background:#00000014;border-color:#00000014;color:#555;color:var(--text-secondary,#555)}.action-btn.active{background:#00000014;border-color:#00000026;color:#0a0a0a}.play-btn{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:8px;color:#555;color:var(--text-secondary,#555);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:4px;margin-left:auto;padding:6px 14px;transition:all .2s}.play-btn:hover{background:#00000014;color:#0a0a0a}.bottom-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-top:1px solid #00000014;bottom:0;justify-content:space-between;left:0;padding:16px 32px;position:fixed;right:0;z-index:50}.bottom-bar,.bottom-bar-info{align-items:center;display:flex}.bottom-bar-info{color:#999;color:var(--text-muted,#999);font-size:.85rem;gap:16px}.bottom-bar-stat{align-items:center;display:flex;gap:4px}.bottom-bar-stat .dot{border-radius:50%;height:6px;width:6px}.dot.modified{background:#0a0a0a}.dot.deleted{background:#ef4444}.dot.inserted{background:#059669}.dot.emotion{background:#7c3aed}.generate-btn{align-items:center;background:#0a0a0a;border:none;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.9rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s}.generate-btn:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.loading-overlay{align-items:center;background:#ffffffeb;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:200}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #00000014;border-radius:50%;border-top-color:#0a0a0a;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#555;color:var(--text-secondary,#555);font-size:1rem}.download-panel{align-items:center;animation:fadeInUp .3s ease-out;background:#fffffff2;display:flex;flex-direction:column;gap:24px;inset:0;justify-content:center;position:fixed;z-index:200}.download-card{background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 8px 32px #0000000f;max-width:420px;padding:48px;text-align:center;width:90%}.download-card h3{color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:1.3rem;font-weight:700;margin-bottom:8px}.download-card p{color:#555;color:var(--text-secondary,#555);font-size:.9rem;margin-bottom:24px}.download-actions{display:flex;gap:12px;justify-content:center}.emotion-chip{background:#0000000f;border-radius:4px;color:#555;color:var(--text-secondary,#555);display:inline-block;font-size:.6rem;margin-left:2px;padding:1px 5px;vertical-align:super}.insert-input{background:#05966914!important;border:1px solid #05966933!important;color:#059669!important}@media (max-width:768px){.main-content{padding:72px 16px 100px}.transcript-block{padding:16px}.bottom-bar{flex-direction:column;gap:12px;padding:12px 16px}.bottom-bar-info{flex-wrap:wrap;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.App{background:#fff;background:var(--bg-primary,#fff);min-height:100vh}
/*# sourceMappingURL=main.8f85066b.css.map*/