@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";.drop-zone{position:relative}.drop-zone-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(to right,#00e0b033,#1eaff933);border-radius:var(--radius-xl);filter:blur(16px);opacity:.25;transition:opacity 1s;pointer-events:none}.drop-zone:hover .drop-zone-glow{opacity:.4}.drop-zone-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px;width:100%;background:var(--surface-container-low);border:2px dashed var(--outline-variant);border-radius:var(--radius-xl);cursor:pointer;transition:border-color .3s;gap:16px;text-align:center}.drop-zone:hover .drop-zone-inner{border-color:#00e0b080}.drop-zone-icon{width:64px;height:64px;border-radius:50%;background:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:transform .3s}.drop-zone:hover .drop-zone-icon{transform:scale(1.1)}.drop-zone h3{font-size:20px;font-weight:700}.drop-zone p{font-size:14px;color:var(--on-surface-variant);margin-top:4px}.btn-browse{background:var(--secondary-container);color:var(--on-secondary-container);padding:8px 24px;border-radius:var(--radius-lg);border:none;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}.btn-browse:hover{opacity:.8}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--on-primary);padding:6px 16px;border-radius:var(--radius-lg);border:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-dim)}.btn-primary:active{transform:scale(.95)}.btn-download{background:#00e0b01a;color:var(--primary);font-size:10px;font-weight:700;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid rgba(0,224,176,.2);cursor:pointer;transition:all .2s}.btn-download:hover{background:var(--primary);color:var(--on-primary)}.queue-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-container-high);border-radius:var(--radius-lg);transition:all .2s}.queue-item-processing{border-left:2px solid var(--secondary)}.queue-item-waiting{border-left:2px solid var(--outline-variant);background:var(--surface-container-low);opacity:.6}.queue-item-waiting:hover{opacity:1}.queue-item-ready{border-left:2px solid var(--primary)}.queue-item-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-item-info{display:flex;align-items:center;gap:16px}.queue-item-name{font-size:14px;font-weight:700;color:var(--on-surface)}.queue-item-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.queue-item-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.queue-item-size{font-size:10px;color:var(--outline)}.queue-item-actions{display:flex;align-items:center;gap:24px}.progress-bar{width:128px;height:4px;background:var(--surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;transition:width 1s ease}.queue-close-btn{background:none;border:none;color:var(--outline);cursor:pointer;transition:color .2s;display:flex}.queue-close-btn:hover{color:var(--error)}.status-dot{position:relative;display:inline-flex;width:8px;height:8px}.status-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--secondary);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.status-dot:after{content:"";position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;background:var(--secondary)}.transcript-segment{display:flex;gap:24px;cursor:pointer}.transcript-timestamp{width:48px;padding-top:4px;text-align:right;font-family:var(--font-mono);font-size:12px;color:#acabaa66;flex-shrink:0;transition:color .2s}.transcript-segment:hover .transcript-timestamp{color:var(--secondary)}.transcript-speaker{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px;margin-bottom:8px}.transcript-speaker.speaker-a{color:var(--primary)}.transcript-speaker.speaker-b{color:var(--secondary)}.transcript-speaker-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.transcript-text{font-size:18px;line-height:1.6;color:#e7e5e5e6;transition:color .2s}.transcript-segment:hover .transcript-text{color:var(--on-surface)}.transcript-text-highlight{background:#00513e1a;border-left:2px solid var(--primary);padding:4px 0 4px 16px}.speaker-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);transition:opacity .2s}.speaker-card-active{background:var(--surface-container-highest);border-left:2px solid var(--primary)}.speaker-card-inactive{background:var(--surface-container-low);opacity:.6}.speaker-card-inactive:hover{opacity:1}.speaker-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.speaker-avatar-a{background:var(--primary-container);color:var(--primary)}.speaker-avatar-b{background:var(--secondary-container);color:var(--secondary)}.detail-row{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--on-surface-variant);padding:0 4px}.login-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 50%,#131313,#0e0e0e)}.login-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;z-index:50}.login-card{background:var(--surface-container-low);padding:32px;border-left:2px solid rgba(0,224,176,.2)}.login-input{width:100%;background:var(--surface-container-highest);border:none;color:var(--on-surface);font-family:var(--font-body);padding:16px;font-size:14px;outline:none;transition:box-shadow .3s}.login-input:focus{box-shadow:0 0 15px #00e0b01a}.login-submit{width:100%;background:var(--primary);color:var(--on-primary);font-family:var(--font-headline);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:16px 24px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.login-submit:hover{background:var(--primary-fixed-dim)}.login-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;opacity:.6}.login-footer a,.login-footer span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#525252;transition:color .2s}.login-footer a:hover{color:#00ffc8}.deco-bar{position:fixed;width:2px;display:flex;flex-direction:column;gap:4px;opacity:.2}.deco-bar-right{right:16px;bottom:25%;height:256px}.deco-bar-left{left:16px;top:25%;height:128px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drop-zone-active .drop-zone-inner{border-color:var(--primary);background:#00e0b008}.drop-zone-active .drop-zone-glow{opacity:.6}select,.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface-container-highest);color:var(--on-surface);border:1px solid rgba(72,72,72,.25);border-radius:var(--radius-sm);padding:6px 32px 6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1.4;cursor:pointer;outline:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300e0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}select:hover,.styled-select:hover{border-color:#00e0b059;background-color:#2d2e2ee6}select:focus,.styled-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00e0b01f,0 0 12px #00e0b00f}select option{background:var(--surface-container-highest);color:var(--on-surface);padding:8px 12px;font-family:var(--font-mono);font-size:11px}select option:checked{background:#00e0b026;color:var(--primary)}select.select-compact{padding:4px 28px 4px 8px;font-size:10px;border-radius:var(--radius-xs, 4px)}.navbar{display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height);padding:0 24px;background:var(--surface-container-low);border:none;flex-shrink:0;z-index:50;position:fixed;top:0;left:0;right:0}.navbar-logo{font-family:var(--font-headline);font-size:20px;font-weight:700;letter-spacing:-.05em;color:#00ffc8;text-transform:uppercase}.navbar-actions{display:flex;align-items:center;gap:24px}.navbar-icon-btn{color:var(--on-surface);background:none;border:none;cursor:pointer;transition:color .2s}.navbar-icon-btn:hover{color:#00ffc8}.navbar-icon-btn:active{transform:scale(.95)}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;padding-top:calc(var(--navbar-height) + 16px);background:var(--surface-container-low);border:none;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;z-index:40}.sidebar-header{padding:0 24px;margin-bottom:16px}.sidebar-title{font-family:var(--font-headline);font-size:18px;font-weight:700;letter-spacing:-.02em;color:#00ffc8}.sidebar-subtitle{font-size:12px;color:var(--on-surface-variant);opacity:.7}.sidebar-nav{display:flex;flex-direction:column}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--on-surface);opacity:.7;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.sidebar-link .material-symbols-outlined{font-size:20px}.sidebar-link:hover{opacity:1;background:var(--surface-container-highest)}.sidebar-link.active{opacity:1;background:var(--surface-container-highest);color:#00ffc8;border-left:2px solid #00FFC8}.sidebar-footer{margin-top:auto;padding:16px}.sidebar-cta{width:100%;padding:12px 16px;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.sidebar-cta:hover{background:var(--primary-dim)}.app-body{padding-top:var(--navbar-height);padding-left:var(--sidebar-width)}.player-bar{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);z-index:50;background:#1f2020e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(0,255,200,.1);box-shadow:0 -4px 20px #00ffc80d;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.player-progress{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--surface-container-highest)}.player-progress-fill{height:100%;background:var(--primary);position:relative}.player-progress-dot{position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px #00e0b099}.player-info{display:flex;align-items:center;gap:16px;width:25%}.player-info-icon{width:40px;height:40px;background:var(--surface-container-highest);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary)}.player-controls{display:flex;align-items:center;gap:32px}.player-btn{background:none;border:none;color:var(--on-surface);opacity:.5;cursor:pointer;transition:all .3s ease}.player-btn:hover{opacity:1;color:var(--secondary)}.player-play-btn{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px #00e0b04d;transition:all .2s}.player-play-btn:hover{transform:scale(1.1)}.player-play-btn:active{transform:scale(.95)}.player-tools{display:flex;align-items:center;gap:24px;width:25%;justify-content:flex-end}.player-volume{display:flex;align-items:center;gap:8px}.player-volume-track{width:80px;height:4px;background:var(--surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.player-volume-fill{height:100%;background:var(--primary)}:root{--background: #0e0e0e;--surface: #0e0e0e;--surface-container-lowest: #000000;--surface-container-low: #131313;--surface-container: #191a1a;--surface-container-high: #1f2020;--surface-container-highest:#252626;--surface-bright: #2b2c2c;--primary: #00e0b0;--primary-dim: #00d1a3;--primary-fixed: #2cffca;--primary-fixed-dim: #00f0bc;--primary-container: #00513e;--on-primary: #004a38;--on-primary-container: #00ebb8;--surface-tint: #00e0b0;--secondary: #1eaff9;--secondary-dim: #00a7f0;--secondary-container:#003f5e;--on-secondary: #002b41;--on-secondary-container: #78c7ff;--on-surface: #e7e5e5;--on-surface-variant: #acabaa;--on-background: #e7e5e5;--outline: #767575;--outline-variant: #484848;--error: #ee7d77;--error-dim: #bb5551;--error-container: #7f2927;--on-error: #490106;--font-headline: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-label: "Inter", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--sidebar-width: 256px;--navbar-height: 64px;--player-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);font-size:14px;color:var(--on-surface);background-color:var(--background);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-headline);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--on-surface)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;-webkit-user-select:none;user-select:none}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.app-body{display:flex;flex:1;overflow:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:var(--background)}.page{padding:48px;max-width:1200px;margin:0 auto}.page-full{height:100%;display:flex;flex-direction:column}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--on-surface-variant)}.text-error{color:var(--error)}.font-headline{font-family:var(--font-headline)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.headline-font{font-family:var(--font-headline)}.micro-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-family:var(--font-label)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}