:root{--ff-primary: "Google Sans Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--ff-secondary: "Google Sans Code", "Courier New", Courier, monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-body: 400;--fw-heading: 600;--fw-emphasis: 700;--fw-display: 800;--fs-xs: clamp(.75rem, .68rem + .25vw, .875rem);--fs-sm: clamp(.875rem, .8rem + .375vw, 1rem);--fs-base: clamp(1rem, .95rem + .25vw, 1.125rem);--fs-lg: clamp(1.125rem, 1rem + .625vw, 1.5rem);--fs-xl: clamp(1.25rem, 1rem + 1.25vw, 2rem);--fs-2xl: clamp(1.5rem, 1rem + 2.5vw, 3rem);--fs-3xl: clamp(2rem, 1.8rem + 2.5vw, 4rem);--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.75;--bg-app: hsl(228, 19%, 5%);--bg-surface: hsl(223, 14%, 10%);--bg-sidebar: hsl(0, 0%, 0%);--text-main: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .6);--text-inverse: #0b0c10;--color-accent-1: #A7F3D0;--color-accent-2: #E0F2FE;--color-highlight: #E9D5FF;--audio-btn-primary: hsl(240, 100%, 92%);--color-success: #4ADE80;--color-error: #F87171;--color-warning: #FBBF24;--color-success-bg: rgba(74, 222, 128, .1);--color-error-bg: rgba(248, 113, 113, .1);--color-warning-bg: rgba(251, 191, 36, .1);--border-subtle: rgba(255, 255, 255, .1);--glass-effect: rgba(11, 12, 16, .6);--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, 1rem);--space-md: clamp(1rem, .8rem + 1vw, 2rem);--space-lg: clamp(1.5rem, 1rem + 2.5vw, 4rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 5rem);--sidebar-width: 15rem;--padding-base: 2rem;--max-width-content: 72rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-circle: 50%;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--transition-base: all var(--duration-fast) var(--ease-standard);--transition-colors: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-tooltip: 1050;--color-indigo: #818CF8;--color-indigo-light: rgb(165, 180, 252);--color-indigo-bg: rgba(129, 140, 248, .2);--color-indigo-border: rgba(129, 140, 248, .3);--color-emerald: #34D399;--color-emerald-light: rgb(110, 231, 183);--color-emerald-bg: rgba(52, 211, 153, .2);--color-emerald-border: rgba(52, 211, 153, .3);--color-slate-light: rgb(203, 213, 225);--color-slate-dark: rgba(30, 41, 59, .8)}body.light{--bg-app: #F9FAFB;--bg-surface: #FFFFFF;--bg-sidebar: #F3F4F6;--text-main: #111827;--text-muted: #6B7280;--text-inverse: #FFFFFF;--color-accent-1: #34D399;--color-accent-2: #38BDF8;--color-highlight: #A78BFA;--color-success: #16A34A;--color-error: #DC2626;--color-warning: #D97706;--color-success-bg: rgba(22, 163, 74, .1);--color-error-bg: rgba(220, 38, 38, .1);--color-warning-bg: rgba(217, 119, 6, .1);--border-subtle: rgba(0, 0, 0, .1);--glass-effect: rgba(255, 255, 255, .8);--color-indigo: #4F46E5;--color-indigo-light: #818CF8;--color-indigo-bg: rgba(79, 70, 229, .1);--color-indigo-border: rgba(79, 70, 229, .2);--color-emerald: #059669;--color-emerald-light: #34D399;--color-emerald-bg: rgba(5, 150, 105, .1);--color-emerald-border: rgba(5, 150, 105, .2);--color-slate-light: #E2E8F0;--color-slate-dark: #1E293B;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;color:inherit}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e9d5ff4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#e9d5ff80}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::selection{background-color:#e0f2fe4d;color:var(--text-main)}::-moz-selection{background-color:#e0f2fe4d;color:var(--text-main)}[data-lucide]{width:18px;height:18px;stroke-width:2px}body{font-family:var(--ff-primary);background-color:var(--bg-app);color:var(--text-main);position:relative}.overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity var(--duration-normal) var(--ease-standard);opacity:0;pointer-events:none;z-index:1000}body.open-nav .overlay,body.open-modal .overlay{opacity:1;pointer-events:all}body.open-nav,body.open-modal{overflow:hidden}body.open-nav .overlay,body.open-modal .overlay{display:block}.app-grid{height:100dvh;overflow:hidden;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr}header{border-bottom:1px solid var(--border-subtle);padding:.7rem 0;background:linear-gradient(to bottom,#0b0c1033,#0b0c101a);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:all var(--duration-normal) var(--ease-standard)}header .menu-btn{z-index:-10;display:none}.app-logo{font-size:12px;font-weight:500;letter-spacing:.5px;opacity:.9}.app-logo h1{font-size:var(--fs-lg)}.app-logo .logo-icon{width:20px;height:20px;color:var(--color-highlight);transition:all .3s ease}.app-logo:hover .logo-icon{color:var(--color-accent-2);animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1);opacity:1}25%{transform:scale(1.15);opacity:.8}50%{transform:scale(1);opacity:1}75%{transform:scale(1.08);opacity:.9}}.header-controls{display:flex;align-items:center;gap:.75rem}.toggle-btn{position:relative;width:3rem;height:24px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:2px;color:var(--text-muted);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-btn .icon{height:18px;width:20px;padding:2px;position:absolute;left:2px;border-radius:var(--radius-circle);background-color:var(--color-slate-dark);transition:var(--transition-base)}.toggle-btn [data-lucide]{width:13px;height:14px}.toggle-btn.on .icon{transform:translate(116%)}.toggle-btn [data-lucide=sun]{display:none}.toggle-btn [data-lucide=moon]{display:block}.toggle-btn.on [data-lucide=moon]{display:none}.toggle-btn.on [data-lucide=sun]{display:block}#header-pfp{cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-circle);background-color:var(--color-slate-dark);width:2rem;height:2rem;font-weight:var(--fw-semibold);font-size:14px}#header-pfp:hover{background-color:var(--color-highlight);color:var(--text-inverse);transform:scale(1.05)}.menu-btn{font-size:var(--fs-base);color:var(--text-main)}.sidebar-header{position:relative}.sidebar-header .menu-btn{position:absolute;right:0;opacity:.8}.sidebar{z-index:var(--z-modal);isolation:isolate;overflow-y:auto;background-color:var(--bg-app);border-right:1px solid var(--border-subtle);padding:var(--padding-base) var(--padding-base) 1rem}.nav-primary{flex:1}.nav-link{color:var(--text-muted)}.link{padding:8px 0;font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:var(--transition-base)}.link [data-lucide]{width:16px;height:16px;opacity:.5}.nav-link.active{color:var(--text-main)}.nav-link.active [data-lucide]{opacity:1}.nav-link:hover .link,.nav-link:hover .link [data-lucide]{color:var(--text-main);opacity:1}.user{padding-top:2.5rem;justify-content:space-between}.pfp{border-radius:var(--radius-circle);background-color:var(--color-slate-dark);width:2rem;height:2rem;font-weight:var(--fw-semibold);font-size:14px}.username{font-size:.75rem;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden;max-width:calc(var(--sidebar-width) - 2.5rem)}.plan{font-size:9px;opacity:.7}.app-grid main{overflow-y:auto;height:100%}.app-grid main section{min-height:100%;display:none}.app-grid main section.show{min-height:100%;display:flex}.transcription{color:var(--text-main);padding-top:2rem}.loading-dock{border:1px dashed var(--border-subtle);padding:2rem 3rem;width:90%;max-width:500px;border-radius:var(--radius-md);transition:var(--transition-colors)}.loading-dock:hover{border:1px dashed var(--color-slate-dark);background-color:var(--glass-effect)}.loading-dock input[type=file]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.loading-dock [data-lucide]{width:3rem;height:3rem;margin-bottom:2rem}.loading-dock h2{line-height:40px;font-size:var(--fs-2xl);margin-bottom:1rem;letter-spacing:-1px;font-weight:var(--fw-medium)}.file-desc{opacity:.6;font-family:var(--ff-secondary);letter-spacing:-1px;margin-bottom:2rem;font-size:var(--fs-xs)}[class*=upload-btn]{color:var(--text-inverse);padding:.65rem 2rem;margin-bottom:1rem;background-color:var(--text-main);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);line-height:1.25rem;cursor:pointer}[class*=upload-btn]:hover{background-color:rgb(from var(--text-main) r g b / .81)}.loading-dock .footer,.footer-secondary{opacity:.4;text-transform:uppercase;font-size:11px}.loading-dock .footer [data-lucide]{width:15px;height:15px}.footer-secondary{margin-top:1rem;font-size:10px}.footer-secondary>div{cursor:pointer}.section.recordings{align-items:flex-start}.search-bar{padding-top:2.5rem;gap:2rem}.search-bar .upload-btn{margin-bottom:0;gap:5px;padding:.65rem 1rem;font-weight:var(--fw-bold);font-size:var(--fs-xs);min-width:140px}.search-box{border:1px solid var(--border-subtle);padding:.5rem 1rem .5rem .5rem;font-size:.875rem;line-height:1.25rem;background-color:transparent;width:100%;max-width:710px;gap:10px;cursor:pointer;border-radius:var(--radius-sm)}.search-box input[id=search]{background-color:transparent;border:none;outline:none;font-family:inherit;width:100%;color:var(--text-main)}.search-box input[id=search]::placeholder{opacity:.6;font-size:var(--fs-xs)}.search-box label{opacity:.8;padding:0!important}.search-box:has(input[id=search]:focus){border:2px solid var(--color-slate-dark)}.grid-table{width:90%;margin:2rem auto;max-width:72rem;color:var(--text-muted)}.grid-table>h2{color:var(--text-main);font-weight:var(--fw-medium);font-size:1.5rem;line-height:2rem;margin-bottom:2rem}.grid-table-header,.grid-table-content{padding:.75rem 1rem;align-items:center;grid-template-columns:repeat(12,minmax(0,1fr))}.grid-table-header{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;opacity:.4;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.3)}.grid-table .place-end{place-self:end;align-self:self-start}.grid-table-content{cursor:pointer;font-size:.75rem;line-height:1rem;align-items:self-start;padding-top:2rem;padding-bottom:1.5rem;transition:var(--transition-colors);border-bottom:1px solid rgba(255,255,255,.12)}.grid-table-content .duration{font-family:var(--ff-secondary)}.grid-table-content:hover{border-bottom:1px solid rgba(255,255,255,.2)}.grid-table-content:hover .duration{color:var(--text-main)}.audio-title{font-size:var(--fs-sm);color:var(--text-main)}.audio-title-desc{font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.completed{background-color:var(--color-accent-1)}.status-dot.draft{background-color:var(--color-highlight)}.section.analytics{align-items:flex-start;padding-top:2.5rem}.analytics .card{padding:2rem;flex-wrap:wrap;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}[class*=sub-text]{font-weight:var(--fw-medium);color:var(--text-muted);font-size:10px;text-transform:uppercase}.sub-text+h2{font-weight:var(--fw-semibold);font-size:var(--fs-lg)}.textbox-right{align-items:flex-end;color:var(--text-muted)}.hours{font-size:var(--fs-lg);line-height:2rem;font-family:var(--ff-secondary)}.hours-used{color:var(--text-main)}.progress-bar{width:100%;height:4px;background-color:rgb(from var(--text-main) r g b / .05);border-radius:var(--radius-full)}.progress-bar .bar{height:100%;width:80%;background:linear-gradient(90deg,var(--color-highlight) 0%,rgb(from var(--color-highlight) r g b / .5) 100%);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),0 0 15px #e9d5ff4d}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid-alt{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid-alt h3{font-weight:var(--fw-medium);font-size:var(--fs-sm);line-height:1.25rem;margin-bottom:1rem}.card-title{margin-bottom:1rem}.main-text{color:var(--text-main);line-height:2.25rem;font-weight:var(--fw-light);font-size:var(--fs-xl)}.sub-text-alt{font-family:var(--ff-secondary);letter-spacing:1px;text-transform:none;font-weight:var(--fw-light)}.activity-section h3{margin-bottom:1rem}.activity-table{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:3rem;font-weight:var(--fw-medium)}.activity-table .table-header,.activity-table .table-content{padding:.95rem 1.1rem;align-items:center;grid-template-columns:repeat(12,minmax(0,1fr));border-bottom:1px solid var(--border-subtle);color:var(--text-muted)}.activity-table .table-content:last-of-type{border-bottom:none}.table-content{font-size:var(--fs-xs)}.activity-table .place-content-end{justify-self:end;text-align:right}.file-name{color:var(--text-main);line-height:1.25rem}.duration{font-family:var(--ff-secondary)}.status{font-size:10px}.status .indicator{border-radius:50%;width:6px;height:6px}.status.completed .indicator{background-color:var(--color-success)}.status.failed .indicator{background-color:var(--color-error)}.empty-state{max-width:500px;text-align:center;padding:3rem 2rem}.empty-state [data-lucide]{width:4rem;height:4rem;margin-bottom:2rem;opacity:.3;stroke-width:1.5px}.empty-state h2{font-size:var(--fs-xl);font-weight:var(--fw-medium);margin-bottom:1rem;letter-spacing:-.5px;color:var(--text-main)}.empty-desc{opacity:.6;font-size:var(--fs-sm);line-height:1.6;margin-bottom:2rem;color:var(--text-muted)}.empty-desc .highlight{color:var(--color-highlight);font-weight:var(--fw-semibold)}.empty-footer{opacity:.4;text-transform:uppercase;font-size:11px;cursor:pointer;transition:var(--transition-base);color:var(--text-muted)}.empty-footer:hover{opacity:.8;color:var(--text-main)}.empty-footer [data-lucide]{width:14px;height:14px;margin:0;opacity:1}.url-box{text-align:center}.url-box .url-upload-btn{margin-top:1rem;margin-bottom:6px}.url-box input[type=url]{background-color:transparent;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;font-family:inherit;width:100%;color:var(--text-main);padding:6px;width:90%;font-size:var(--fs-xs)}.url-box input[type=url]::placeholder{opacity:.6;font-size:var(--fs-xs)}.url-box input[type=url]:focus{border:2px solid var(--color-slate-dark)}.url-box .url-desc{opacity:.34;font-size:10px;font-weight:var(--fw-light);margin-bottom:10px}.url-desc:has(.highlight){font-size:11px;opacity:.8}.url-desc .highlight{color:var(--color-highlight)}.loading-state{text-align:center;width:90%;max-width:650px;padding:1rem 2rem;border-radius:var(--radius-md);background:#ffffff08;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.loading-header{margin-bottom:2rem}.loading-header [data-lucide]{color:var(--color-accent-1);width:52px;height:52px}.loading-header h2{font-weight:var(--fw-medium);line-height:1.75rem;font-size:var(--fs-lg)}.loading-desc{opacity:.4;font-size:.75rem;line-height:1.25rem}.loading-progress .progress-bar{margin-bottom:.75rem;background-color:#ffffff1a;overflow:hidden}#upload-progress-bar{--width: 40%;width:var(--width);height:100%;border-radius:var(--radius-full);background-color:var(--color-accent-1);box-shadow:0 0 15px #a7f3d066;animation:pulse-opacity 2s cubic-bezier(.4,0,.6,1) infinite;animation:slide .7s linear infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.upload-details{color:var(--text-muted);margin-bottom:2rem}.file{letter-spacing:.1em;opacity:.3;max-width:300px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:45%;text-align:start}.loading-metrics{color:var(--text-muted)}.loading-metrics .upload-metric{font-family:var(--ff-secondary);align-self:flex-start;opacity:.86;font-size:.735rem;line-height:1.25rem}.upload-status .state{font-size:.735rem;line-height:1.25rem;color:var(--color-accent-1);position:relative}.upload-status .state:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:-8px;top:8px;background-color:var(--color-accent-1)}.upload-status .state.failed{color:var(--color-error)}.upload-status .state.failed:before{background-color:var(--color-error)}.info-desc{color:var(--text-muted);justify-content:center;font-size:.75rem;line-height:1rem;margin-top:4rem;opacity:.3;border-radius:var(--radius-sm);border:1px solid rgb(from var(--color-warning) r g b / .3);background-color:var(--color-warning-bg);padding:1rem}.settings .wrap{padding:3rem 1rem}.settings h2{color:var(--text-main);font-weight:var(--fw-bold);font-size:1.5rem;line-height:2rem;margin-bottom:1.6rem}.settings .setting{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.settings .sub-text{text-transform:none}.setting label,.setting h3{color:var(--text-main);font-weight:var(--fw-medium);font-size:1.1rem;line-height:2rem}.setting #setting-language{font-family:inherit;padding:8px 10px 8px 5px;max-width:80%}body.open-modal .sidebar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.5;pointer-events:none;z-index:1000}.modal{width:80%;max-width:500px;max-height:580px;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);color:var(--text-main);background-color:var(--text-inverse);border:1px solid var(--border-subtle);border-radius:.5rem;display:none;opacity:0;transition:opacity .3s ease}body.open-modal .modal{display:block;opacity:1}body.open-modal .overlay{opacity:1;pointer-events:all;display:block}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;line-height:1.5rem;font-weight:var(--fw-semibold);letter-spacing:-.025em}.modal-header button{color:var(--text-muted);cursor:pointer}.modal-header button [data-lucide]{width:20px;height:20px}.modal-header button:hover{color:var(--text-main)}label{transition:var(--transition-base);border-radius:.5rem;border-width:1px;padding:1rem;border:1px solid transparent}label:hover{border:1px solid var(--border-subtle)}label:hover .label-tag [data-lucide]{color:var(--text-main)}label.new,label.disabled{position:relative}label.disabled{opacity:.5;pointer-events:none}label.new:before,label.disabled:before{position:absolute;top:-8px;left:5px;padding:1px 3px;border-radius:4px;font-size:var(--fs-xs);z-index:var(--z-tooltip)}label.new:before{content:"New";color:var(--text-inverse);background-color:var(--color-accent-1)}label.disabled:before{content:"Soon";color:var(--text-inverse);background-color:#555}.label-tag{width:2.5rem;height:2.5rem;border-radius:.25rem}.label-tag [data-lucide]{width:24px;height:24px;color:var(--text-muted)}.label-title p:not(.sub-text){font-size:.975rem;line-height:1.25rem;font-weight:var(--fw-medium)}.label-title .sub-text{font-size:10px;text-transform:none}label.current{border:1px solid var(--border-subtle)}label.current .label-tag{background-color:rgb(from rgb(255,255,255) r g b / .1)}.export-formats input[type=radio]{display:none}.custom-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-subtle);background-color:transparent;flex-shrink:0;transition:border-color .2s,background-color .2s;position:relative}.export-formats input[type=radio]:checked+.custom-radio{background-color:var(--color-highlight);border-color:var(--color-highlight)}.export-formats input[type=radio]:checked+.custom-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background-color:var(--text-main)}.download-btns{margin-top:.7rem}.download-btns button{width:100%;padding:.75rem 0;border-radius:.5rem;font-weight:var(--fw-bold);margin-bottom:.4rem}.download-btns button:active{transform:scale(.95)}.export-btn-main{background-color:var(--color-highlight);color:var(--text-inverse)}.export-btn-alt{color:var(--text-muted)}.export-btn-alt:hover{color:var(--text-main)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.hidden{display:none}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col-center{display:flex;flex-direction:column;align-items:center}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.full-width{grid-column:1 / -1}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-span-full{grid-row:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-center{place-content:center}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.m-center{margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.m-0{margin:0}.m-auto{margin:auto}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-0{margin-right:0}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-fit{height:fit-content}.h-min{height:min-content}.h-max{height:max-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-auto{inset:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--fw-light)}.font-regular{font-weight:var(--fw-regular)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.font-extrabold{font-weight:var(--fw-extrabold)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.leading-none{line-height:1}.leading-tight{line-height:var(--lh-tight)}.leading-normal{line-height:var(--lh-normal)}.leading-relaxed{line-height:var(--lh-relaxed)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.italic{font-style:italic}.not-italic{font-style:normal}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-highlight{color:var(--color-highlight)}.text-accent-1{color:var(--color-accent-1)}.text-accent-2{color:var(--color-accent-2)}.bg-app{background-color:var(--bg-app)}.bg-surface{background-color:var(--bg-surface)}.bg-sidebar{background-color:var(--bg-sidebar)}.bg-highlight{background-color:var(--color-highlight)}.bg-accent-1{background-color:var(--color-accent-1)}.bg-accent-2{background-color:var(--color-accent-2)}.bg-transparent{background-color:transparent}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.rounded-none{border-radius:0}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border-subtle{border-color:var(--border-subtle)}.border-highlight{border-color:var(--color-highlight)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.transition-none{transition:none}.transition-all{transition:var(--transition-base)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-standard)}.transition-transform{transition:transform var(--duration-fast) var(--ease-standard)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-auto{aspect-ratio:auto}.loading-dock.show-url-box .upload-btn,.loading-dock .url-box{display:none}.loading-dock.show-url-box .url-box{display:block}.url-btn.url-toggle .default{display:none}.url-btn.url-toggle .url-text{display:block}.url-btn .url-text{display:none}.url-btn .default{display:block}.url-upload-btn.disabled,.url-upload-btn:disabled,label[for=audio-input].disabled{cursor:not-allowed;opacity:.2;pointer-events:none;filter:grayscale(1)}.url-upload-btn.is-disabled,.url-upload-btn:is-disabled,label[for=audio-input].is-disabled{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.5) brightness(.8)}.section.projects .empty-state{display:flex}.section.projects .loading-state,.section.projects .transcript-state,.section.projects.loading .empty-state,.section.projects.loading .transcript-state{display:none}.section.projects.loading .loading-state,.section.projects.loaded .transcript-state{display:block}.section.projects.loaded .empty-state,.section.projects.loaded .loading-state{display:none}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-md);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;max-width:400px;width:100%}.toast{width:70%;max-width:400px;display:flex;align-items:center;gap:var(--space-sm);pointer-events:auto;top:45px;right:1rem;position:absolute;font-size:var(--fs-xs);color:var(--text-main);box-shadow:var(--shadow-lg);font-weight:var(--fw-medium);background-color:var(--text-inverse);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.75rem 1rem;animation:slideIn .3s var(--ease-out) forwards;transition:all var(--duration-normal) var(--ease-standard)}.toast-cta{align-self:flex-start;display:block;margin-top:10px;text-decoration:underline}.toast .icon{flex-shrink:0;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast [data-ludice]{border:none}.toast.removing{animation:slideOut .3s var(--ease-in) forwards}.toast.success .icon{background-color:rgb(from var(--color-success-bg) r g b / .3)}.toast.success .icon [data-ludice]{color:var(--color-success)}.toast.error .icon{background-color:rgb(from var(--color-error-bg) r g b / .7)}.toast.error .icon [data-ludice]{color:var(--color-error)}.toast.warning .icon{background-color:rgb(from var(--color-warning-bg) r g b / .7)}.toast.warning .icon [data-ludice]{color:var(--color-warning)}.toast.info .icon{background-color:#e0f2fe4d}.toast.info .icon [data-ludice]{color:#e0f2fe99}.toast-message{flex:1;color:var(--text-main);display:flex;align-items:flex-start;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.audio-player.is-disabled{cursor:not-allowed}.audio-player.is-disabled>*:not(.export-btn){opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.5) brightness(.8)}.audio-player.is-disabled .export-btn{cursor:pointer;opacity:1;filter:none;pointer-events:auto;background-color:var(--text-main);filter:saturate(1) brightness(1)}.audio-player .disabled-desc{display:none}.audio-player.is-disabled .disabled-desc{position:absolute;display:block;font-size:10px;top:-20px;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27273a;color:var(--text-main)}.state-wrap{min-height:70dvh}#recordings .grid-table{display:block}#analytics .analytics-metric{display:flex}#analytics .state-wrap,#analytics .guest-cta,#analytics .new-user-state,#recordings .guest-cta,#recordings .new-user-state,#analytics.guest .analytics-metric,#recordings.guest .grid-table{display:none}#analytics.guest .guest-cta,#analytics.guest .state-wrap,#recordings.guest .guest-cta{display:flex}#recordings.guest .search-bar{opacity:.4;cursor:not-allowed}#recordings.guest .search-bar>*{pointer-events:none}#analytics.user .analytics-metric,#analytics.user .guest-cta,#recordings.user .grid-table,#recordings.user .guest-cta{display:none}#analytics.user .state-wrap,#analytics.user .new-user-state,#recordings.user .new-user-state{display:flex}.guest-cta{width:90%;padding:2.5rem;max-width:400px;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface)}.guest-cta [data-lucide]{width:40px;height:40px;stroke-width:3px;margin-bottom:2rem;color:var(--color-accent-2)}.guest-cta h2{font-size:var(--fs-lg);margin-bottom:1rem;font-weight:600}.guest-cta .sub-text{margin-bottom:1.5rem;text-transform:none;line-height:1.25rem;font-size:14px}.guest-cta .guest-cta-btns{width:100%}#recordings.user .empty-footer,.guest-cta-btns button{letter-spacing:.025em;font-weight:700;line-height:1.25rem;border-radius:.5rem;height:3rem;cursor:pointer;border:1px solid rgb(255 255 255 / .15);transition:var(--transition-base)}.guest-cta-btns button:hover{background-color:#ffffff0d}.guest-cta-btns button:active{transform:scale(.9)}.guest-cta-btns .guest-sign-in{color:var(--text-inverse);background-color:var(--color-accent-1);border:1px solid transparent}.guest-cta-btns .guest-sign-in:hover{background-color:var(--color-accent-1)}#main-app{display:none}#onboarding{display:block}html.onboarded #onboarding{display:none}html.onboarded #main-app{display:block}html:not(.auth-ready) body{opacity:0}html.auth-ready body{opacity:1;transition:opacity .3s ease}.hidden{display:none!important}.banner{position:relative}.banner header{padding:14px 20px;position:sticky;top:0;z-index:var(--z-sticky);background:linear-gradient(to bottom,#0b0c1033,#0b0c101a);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:all var(--duration-normal) var(--ease-standard)}.wrap{max-width:1400px;width:94%;margin:0 auto}.navbar{display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:10px}.logo svg{color:var(--color-highlight);width:30px;height:30px}.logo-wrap h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.progress-bars{display:flex;justify-content:end;gap:8px}.bar{width:16px;height:4px;border-radius:var(--radius-full);background-color:var(--text-muted);transition:all var(--duration-normal) var(--ease-standard)}.progress-bars[data-step="1"] .bar:nth-child(1){background-color:var(--color-highlight);box-shadow:0 0 #0000,0 0 #0000,0 0 20px #ead6ff4d}.progress-bars[data-step="2"] .bar:nth-child(1),.progress-bars[data-step="2"] .bar:nth-child(2){background-color:var(--color-highlight);box-shadow:0 0 #0000,0 0 #0000,0 0 20px #ead6ff4d}.progress-bars[data-step="3"] .bar:nth-child(1),.progress-bars[data-step="3"] .bar:nth-child(2),.progress-bars[data-step="3"] .bar:nth-child(3){background-color:var(--color-highlight);box-shadow:0 0 #0000,0 0 #0000,0 0 20px #ead6ff4d}.progress-bars[data-step="4"] .bar:nth-child(1),.progress-bars[data-step="4"] .bar:nth-child(2),.progress-bars[data-step="4"] .bar:nth-child(3),.progress-bars[data-step="4"] .bar:nth-child(4){background-color:var(--color-highlight);box-shadow:0 0 #0000,0 0 #0000,0 0 20px #ead6ff4d}.banner-cta:hover{opacity:1}#onboarding main{padding-top:2rem;text-align:center}main .img-div{background:url(/images/abstract-audio-waves.png);background-size:contain;background-position:center;background-repeat:no-repeat;height:130px;position:relative;opacity:.6}.audio-lines{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px}.line{width:1px;background-color:var(--color-accent-1);opacity:.2}.line-1{height:3rem;background-color:var(--color-accent-1);opacity:.2}.line-2{height:6rem;background-color:var(--color-accent-2);opacity:.3}.line-3{height:8rem;background-color:var(--color-accent-1);opacity:.4}.line-4{height:4rem;background-color:var(--color-accent-2);opacity:.2}.line-5{height:10rem;background-color:var(--color-accent-1);opacity:.5}.line-6{height:7rem;background-color:var(--color-accent-2);opacity:.4}.line-7{height:12rem;background-color:var(--color-highlight);opacity:.6}.line-8{height:8rem;background-color:var(--color-accent-1);opacity:.4}.line-9{height:11rem;background-color:var(--color-accent-2);opacity:.5}.line-10{height:5rem;background-color:var(--color-accent-1);opacity:.3}.line-11{height:9rem;background-color:var(--color-accent-2);opacity:.4}.line-12{height:3.5rem;background-color:var(--color-accent-1);opacity:.2}.line-13{height:6rem;background-color:var(--color-accent-2);opacity:.3}main h1{font-weight:var(--fw-bold);margin:0 auto;margin-top:3rem;max-width:600px;font-size:var(--fs-2xl)}main p.banner-desc{color:var(--text-muted);font-family:var(--ff-secondary);font-weight:var(--fw-light);font-size:var(--fs-xs);max-width:520px;margin:0 auto;margin-top:1rem;line-height:var(--lh-tight)}main .cta-main{margin-top:2rem;padding:1rem 2rem;color:var(--text-inverse);font-weight:var(--fw-bold);font-size:var(--fs-base);border-radius:var(--radius-sm);line-height:var(--lh-relaxed);transition:var(--transition-base);background-color:var(--color-highlight)}.cta-main:hover{transform:scale(1.02);box-shadow:0 0 #0000,0 0 #0000,0 0 20px #ead6ff4d}main .cta-main:active{transform:scale(.95);box-shadow:none}main .steps{color:var(--text-muted);margin-top:1rem;font-size:var(--fs-xs)}.step-two,.step-three{display:grid;grid-template-columns:1fr;gap:3rem}.editor-card{position:relative;background-color:rgb(25 15 35 / var(--tw-bg-opacity, 1));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.editor-header{border-bottom:1px solid rgba(255,255,255,.05);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background-color:#ffffff0d}.editor-header-info{display:flex;align-items:center;gap:.5rem}.editor-header-info span:first-child{font-size:var(--fs-sm);color:var(--color-highlight)}.editor-header-info span:last-child{font-size:.75rem;font-weight:var(--fw-medium);color:var(--text-muted)}.editor-header-dots{display:flex;gap:.375rem}.editor-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:#ffffff1a}.editor-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative}.waveform-container{height:4rem;display:flex;align-items:center;gap:.25rem}.waveform-track{flex:1;height:1rem;background-color:#ffffff0d;border-radius:var(--radius-full);position:relative;overflow:hidden}.waveform-progress{position:absolute;inset:0;background-color:#e9d5ff33;width:75%}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 .5rem}.waveform-bar{width:.25rem;border-radius:var(--radius-full)}.waveform-bar:nth-child(1){height:1.5rem;background-color:#e9d5ff66}.waveform-bar:nth-child(2){height:2.5rem;background-color:var(--color-highlight)}.waveform-bar:nth-child(3){height:2rem;background-color:#e9d5ff99}.waveform-bar:nth-child(4){height:3rem;background-color:var(--color-highlight)}.waveform-bar:nth-child(5){height:1rem;background-color:#fff3}.waveform-bar:nth-child(6){height:2.25rem;background-color:#e9d5ff66}.waveform-bar:nth-child(7){height:1.75rem;background-color:var(--color-highlight)}.waveform-bar:nth-child(8){height:2.75rem;background-color:#e9d5ff99}.transcription-content{display:flex;flex-direction:column;gap:1rem}.speaker-block{display:flex;align-items:flex-start;gap:1rem}.speaker-block.inactive{opacity:.4}.speaker-avatar{flex-shrink:0}.speaker-badge{width:2rem;height:2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:-.5px}.speaker-badge.speaker-1{background-color:#818cf833;border:1px solid rgba(129,140,248,.3);color:#a5b4fc}.speaker-badge.speaker-2{background-color:#34d39933;border:1px solid rgba(52,211,153,.3);color:#6ee7b7}.speaker-content{flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:.25rem}.speaker-label{font-size:.625rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em}.speaker-label.speaker-1{color:#818cf8cc}.speaker-label.speaker-2{color:#34d399cc}.speaker-text{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:#cbd5e1;text-align:start}.word-active{padding:.125rem .375rem;box-shadow:0 0 15px #ead6ff99;background-color:#ead6ff;border-radius:var(--radius-xs);font-weight:var(--fw-medium);color:var(--text-inverse)}.accuracy-badge{position:absolute;bottom:-2rem;right:10px;background-color:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.accuracy-icon{width:2rem;height:2rem;background-color:#e9d5ff33;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-highlight);font-size:1.25rem}.accuracy-info{display:flex;flex-direction:column;gap:.125rem}.accuracy-percentage{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-main)}.accuracy-status{font-size:10px;color:var(--text-muted)}.text-box{text-align:start}.text-box-heading{font-size:3rem;line-height:1.1;letter-spacing:-1px}.text-box-heading .highlight{color:var(--color-highlight);font-style:italic}.box-tag{text-transform:uppercase;position:relative;font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:1px}.box-tag:after{content:"";position:absolute;top:30px;display:block;width:66%;height:4px;background-color:var(--color-highlight);border-radius:var(--radius-full)}.box-desc{color:var(--text-muted);margin-top:1rem}.cta-btns{display:flex;gap:1rem;align-items:center;justify-content:flex-start;margin-left:.5rem}.cta-btns .cta-main{padding:1rem 3rem}.cta-btns .cta-alt{background-color:transparent;color:var(--text-main);transition:var(--transition-base);border:1px solid transparent}.cta-btns .cta-alt:hover{box-shadow:none;border:1px solid rgb(255 255 255 / .6)}.cta-btns .cta-alt:active{transform:scale(.92)}.features-tag{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:2rem 0 4rem}.feature{display:flex;align-items:center;gap:5px}.feature p{font-size:var(--fs-xs);line-height:1;color:var(--text-muted)}.check-icon{color:var(--color-highlight)}.slider-wrap{overflow:hidden;width:100%;position:relative;height:86vh}.slider-track{display:flex;align-items:flex-start;transition:transform .5s var(--ease-standard);height:100%}.slider-step{flex:0 0 100%;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:10px;-ms-overflow-style:none;scrollbar-width:none}.slider-track[data-step="1"]{transform:translate(0)}.slider-track[data-step="2"]{transform:translate(-100%)}.slider-track[data-step="3"]{transform:translate(-200%)}.slider-track[data-step="4"]{transform:translate(-300%)}.slider-step::-webkit-scrollbar{display:none}.slider-three{display:grid;place-items:center}.text-block{width:90%;margin:0 auto;padding-bottom:2rem}.text-block h1{letter-spacing:-1px;font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:1rem;line-height:1.1}.cta-desc{max-width:300px;margin:0 auto;line-height:1.6;margin-bottom:2.5rem;font-size:var(--fs-sm)}.text-block .cta-main{width:fit-content;margin:0 auto;color:var(--text-inverse);display:flex;align-items:center;gap:4px}.cta-secondary{opacity:.6;margin-top:1rem;color:var(--text-main);font-size:var(--fs-sm);font-family:var(--ff-primary);transition:var(--transition-base)}.cta-secondary:hover{opacity:1}.input-group{max-width:400px;margin:.5rem auto 0;text-align:left}.input-group label{display:block;padding:0;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem}.input-group label:hover{border:1px solid transparent}.auth-tabs{margin-bottom:2rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,#0b0c1033,#0b0c101a);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory}.auth-tabs::-webkit-scrollbar{display:none}.auth-tabs{-ms-overflow-style:none;scrollbar-width:none}.auth-tab{flex-shrink:0;border:none;width:160px;background:none;cursor:pointer;overflow:hidden;position:relative;white-space:nowrap;padding:.75rem 1.5rem;font-size:var(--fs-sm);color:var(--text-muted);scroll-snap-align:center;font-weight:var(--fw-semibold);transition:color var(--duration-fast) ease}.auth-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;transition:var(--transition-base)}.auth-tab.active{color:var(--color-highlight)}.auth-tab:hover{color:var(--text-main)}.auth-tab:hover:after{background-color:var(--color-accent-2);box-shadow:0 0 10px var(--color-accent-2)}.auth-tab.active:after{background-color:var(--color-highlight);box-shadow:0 0 10px var(--color-highlight)}.auth-panel{width:100%;animation:fadeIn var(--duration-normal) ease}.auth-panel .sub-text{text-transform:none;font-size:var(--fs-xs)}.slider-three .sub-text{max-width:350px;text-transform:none;font-size:var(--fs-xs);font-weight:var(--fw-regular)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#signup-err,#login-err{margin-top:-.5rem;margin-bottom:1.5rem;text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.sign-out-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease}.sign-out-btn:hover{background-color:#ffffff0d;color:var(--color-error)}.name-input{width:100%;background:linear-gradient(to bottom,#0b0c1066,#0b0c1033);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1.2rem;font-size:var(--fs-base);font-family:var(--ff-primary);color:var(--text-main);transition:all var(--duration-normal) var(--ease-standard);outline:none}.name-input::placeholder{color:var(--text-muted);opacity:.5}.name-input:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px #e9d5ff1a,0 0 20px #e9d5ff33;background:linear-gradient(to bottom,#0b0c1099,#0b0c104d)}.name-input:hover:not(:focus){border-color:#fff3}.err-msg{font-size:var(--fs-xs);margin:4px auto;color:var(--color-error);display:none}#onboarding{animation:fadeInUp .6s var(--ease-standard)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#main-app{opacity:0;transform:scale(.95);transition:all .5s var(--ease-standard)}html.onboarded #main-app{opacity:1;transform:scale(1)}html.onboarded #onboarding{animation:fadeOut .4s var(--ease-standard) forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.slider-step>*{animation:slideContentIn .5s var(--ease-standard);animation-fill-mode:backwards}.slider-step>*:nth-child(1){animation-delay:.1s}.slider-step>*:nth-child(2){animation-delay:.6s}.slider-step>*:nth-child(3){animation-delay:.3s}.slider-step>*:nth-child(4){animation-delay:.4s}@keyframes slideContentIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.app-grid main section.show.loaded{display:block}.header-copy{display:block;font-size:11px;line-height:1.1;text-transform:none;margin-top:1rem}.transcript-state{padding:1rem 2.5rem}.transcript-details{max-width:900px;margin:0 auto}.transcript-title{letter-spacing:-.025em;margin-left:0;font-weight:var(--fw-extrabold);line-height:2.5rem;font-size:var(--fs-xl)}.title-edit-input{margin-top:3rem;font-size:var(--fs-lg);font-weight:var(--fw-extrabold);letter-spacing:-.025em;line-height:2.5rem;background:transparent;border:none;border-bottom:2px solid var(--audio-btn-primary);color:var(--text-main);outline:none;width:100%}.title-desc{opacity:.4;font-size:var(--fs-xs);line-height:1.25rem}#audio-engine{display:none!important}.audio-player{gap:2rem;color:var(--text-muted);width:100%;max-width:990px;margin:0 auto;padding:.5rem 1.5rem;border-radius:var(--radius-full);background:#27273a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);position:sticky;top:30px;z-index:100}.audio-wrapper{display:flex;flex:1;gap:2rem;z-index:100}.audio-player .controls{padding-right:1.5rem;border-right:1px solid var(--border-subtle)}.audio-btn{transition:transform var(--duration-fast) var(--ease-in-out)}.audio-btn [data-lucide]{stroke-width:4px;width:13px;height:13px}.audio-btn:hover{opacity:.5}.play-btn{background-color:var(--audio-btn-primary);color:var(--text-inverse);width:2.5rem;height:2.5rem;border-radius:var(--radius-circle);transition:transform var(--duration-fast) var(--ease-in-out)}.play-btn:hover{transform:scale(1.08)}.play-btn:active{transform:scale(.9)}.play-btn [data-lucide]{stroke-width:3px}.audio-player div.buttons{padding-left:1.5rem;border-left:1px solid var(--border-subtle)}.audio-data{font-size:10px;margin:0 auto;opacity:.6;font-family:var(--ff-secondary)}.audio-data .audio-name{font-family:var(--ff-primary);color:rgb(from var(--text-main) r g b / 1);max-width:98px;overflow:hidden;text-wrap-mode:nowrap;text-overflow:ellipsis}input[type=range]{flex:1;height:6px;width:100%;-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#3e4451;border-radius:3px}input[type=range]::-moz-range-track{height:6px;background:#3e4451;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;background:var(--audio-btn-primary);border-radius:50%;cursor:pointer;margin-top:-1px}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#fff;border:none;border-radius:50%;cursor:pointer}.playback,.export-btn{line-height:1rem;border-radius:.5rem;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.playback{background-color:rgb(from var(--text-main) r g b / .08);padding:.25rem .75rem;color:var(--text-main)}.playback [data-lucide],.export-btn [data-lucide]{stroke-width:3px}.playback:hover{background-color:rgb(from var(--text-main) r g b / .1)}.export-btn{padding:.375rem 1rem;color:var(--text-inverse);background-color:var(--audio-btn-primary)}.export-btn:hover{background-color:rgb(from var(--audio-btn-primary) r g b / .9)}.transcript-body{width:80%;margin:5rem auto 1rem}.speaker-tag .speaker{text-transform:uppercase;line-height:1rem;font-weight:var(--fw-semibold);opacity:.8;letter-spacing:.1em;font-size:.75rem}.speaker-box{position:relative;min-height:90px}.speaker-box:before{content:"";position:absolute;width:2px;top:0;left:-15px;bottom:0;background-color:var(--audio-btn-primary);border-radius:var(--radius-full)}.speaker-box .speaker{color:var(--audio-btn-primary)}.speaker-box:nth-child(odd) .speaker{color:var(--color-accent-1)}.speaker-box:nth-child(odd):before{background-color:var(--color-accent-1)}.speaker-metadata{font-family:var(--ff-secondary);font-weight:var(--fw-light);margin-top:4px;opacity:.4}.speaker-text{color:rgb(from var(--text-main) r g b / .8);line-height:1.625;font-weight:var(--fw-light);font-size:var(--fs-base);width:100%}.speaker-text span{border-radius:4px;padding:0 2px;display:inline-block}.speaker-text .active-word{background-color:rgb(from var(--color-highlight) r g b / .3);font-weight:var(--fw-medium);color:var(--text-main)}.audio-size,.lang{font-family:var(--ff-secondary)}.edit-controls{margin:10px 0 1rem;color:var(--text-muted);opacity:.8}.edit-controls [data-lucide]{width:15px;height:15px}.edit-controls .btn:hover{color:var(--text-main);opacity:1}.edit-controls .edit-btn,.edit-controls .controls-secondary{display:none}.speaker-box:hover .edit-controls .edit-btn{display:block}.edit-controls.editing .edit-btn{display:none}.edit-controls.editing .controls-secondary{display:flex}.edit-textarea{width:100%;min-height:180px;outline:none;resize:none;background:#0003;border:1px solid var(--audio-btn-primary);border-radius:8px;color:var(--text-main);padding:12px;font-family:var(--ff-primary);font-size:var(--fs-sm);line-height:1.625;transition:border-color .2s ease}.edit-textarea:focus{border-color:var(--color-indigo-light);box-shadow:0 0 0 3px #a78bfa1a}.transcript-body.has-editing .speaker-box .edit-btn{display:none!important}.speaker-box .controls-secondary{display:none}.speaker-box.is-editing .controls-secondary{display:flex}.speaker-box.is-editing .edit-btn{display:none!important}.upload-size{align-items:flex-start}.saved-time{display:block;text-align:end;font-size:8px;opacity:.57}@media(min-width:764px){.step-two,.step-three{grid-template-columns:1fr 1fr;align-items:center}.editor-card{align-self:start}.text-box{align-self:center}.features-tag{max-width:400px;margin-top:5rem}}@media(max-width:763px){.app-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;transform:translate(-100%);transition:transform .3s ease;z-index:1050}body.open-nav .sidebar{transform:translate(0)}.sidebar-header{display:block}header .menu-btn{display:block;z-index:10}.nav-primary{margin-top:4rem}main{width:100%}.header-controls{gap:.5rem}.icon-btn{padding:.4rem}#header-pfp{width:1.75rem;height:1.75rem;font-size:12px}.input-group{max-width:100%;padding:0 1rem}.name-input{font-size:var(--fs-sm)}.audio-title-desc{margin-bottom:.5rem}.grid-table h2{margin-top:2rem;margin-bottom:0}.grid-table-header{display:none}.grid-table-content{gap:2px}.grid-table-content>*{grid-column:1 / -1}.grid-table-content .duration{opacity:.4}.search-bar{flex-direction:column;align-items:flex-start}.search-bar .upload-btn{align-self:flex-end;margin-bottom:14px}.activity-table .table-header{display:none}.activity-table .table-content{grid-template-columns:1fr auto;grid-template-areas:"file-name status" "duration duration";gap:10px}.activity-table .table-content .file-name{grid-column:1 / -4;grid-area:file-name}.activity-table .table-content .duration{grid-area:duration}.activity-table .table-content .status{grid-area:status;justify-self:end}.transcript-state{padding:1rem 1.98rem;position:relative}.transcript-details{flex-direction:column;align-items:flex-start}.transcript-title{margin-left:0;overflow:hidden;max-width:280px;text-overflow:ellipsis;white-space:nowrap}.transcript-details .sub-text{margin-top:1.8rem}.transcript-body{width:95%;padding-bottom:5rem}.audio-player{position:sticky;top:10px;left:0;right:0;z-index:100;display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:100%}.audio-wrapper{display:flex;flex-direction:row;gap:1rem;width:112%;max-width:560px;margin:0;padding:.75rem 1rem;border-radius:var(--radius-full);background:#27273ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;border-bottom:1px solid var(--border-subtle)}.audio-player .controls{padding-right:.75rem;border-right:1px solid var(--border-subtle);gap:.5rem}.audio-btn{display:none}.audio-data{width:90%}.audio-data span:first-child,.audio-data span:last-child{font-size:8px;opacity:.6}.play-btn{width:2rem;height:2rem}.audio-btn [data-lucide]{width:11px;height:11px}.audio-player>.buttons{position:fixed;bottom:2rem;right:1.5rem;z-index:200;display:flex;flex-direction:column;gap:.75rem;padding:0;border:none!important}.audio-player>.buttons .playback{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;font-size:11px;background-color:rgb(from var(--text-main) r g b / .1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);box-shadow:0 2px 8px #0003;align-self:flex-end}.audio-player>.buttons .export-btn{padding:.75rem 1.25rem;box-shadow:0 4px 12px #0000004d;border-radius:var(--radius-full)}.speaker-box{flex-direction:column;gap:.5rem}.speaker-text{font-size:var(--fs-sm)}.toast-container{top:var(--space-md);right:var(--space-sm);left:var(--space-sm);max-width:none}.toast{padding:var(--space-sm);font-size:var(--fs-xs)}.navbar-secondary .user{position:absolute;top:0}.speaker-box .edit-controls .edit-btn{display:block}.speaker-box.is-editing .controls-secondary{display:flex}.speaker-box.is-editing .edit-btn{display:none!important}.audio-player.is-disabled .disabled-desc{display:none}}