:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Google Sans Flex", "Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Google Sans Code", ui-monospace, "SF Mono", Menlo, monospace;--bg:#fff;--surface:#f7f8fa;--surface-1:#f3f4f6;--surface-2:#e9eaf0;--surface-3:#dcdfe6;--on-surface:#0e1016;--on-surface-variant:#3d4250;--muted:#555b6b;--outline:#b9bdca;--outline-variant:#dcdfe6;--primary:#6050dc;--on-primary:#fff;--primary-container:#e7e4fc;--on-primary-container:#241b80;--secondary-container:#e7e4fc;--on-secondary-container:#241b80;--danger:#b3261e;--danger-container:#f9dedc;--on-danger-container:#410e0b;--success:#146c2e;--success-container:#c4eed0;--warning:#7a5900;--warning-container:#ffdf99;--scrim:#1f1f1f52;--scroll-thumb:#0e101629;--scroll-thumb-hover:#0e101652;--hover:#1f1f1f0f;--pressed:#1f1f1f1a;--wave-idle:#8a8fa0;--elev-1:0 1px 2px #0000001f, 0 1px 3px 1px #0000000f;--elev-2:0 1px 2px #00000024, 0 2px 6px 2px #00000014;--elev-3:0 4px 8px 3px #0000001a, 0 1px 3px #00000024;--g-blue:#3f35c9;--g-violet:#6050dc;--g-rose:#9d8cff;--gradient:linear-gradient(90deg, var(--g-blue) 0%, var(--g-violet) 50%, var(--g-rose) 100%);--gradient-soft:linear-gradient(90deg, #3f35c924, #6050dc24, #9d8cff2e);--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--radius-full:999px;--sidebar-w:280px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-emph:cubic-bezier(.05, .7, .1, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c11;--surface:#101219;--surface-1:#13151c;--surface-2:#1b1e27;--surface-3:#262a36;--on-surface:#eef0f5;--on-surface-variant:#c5c9d6;--muted:#9ca1b3;--outline:#5a5f70;--outline-variant:#242733;--primary:#8a7df5;--on-primary:#0e1016;--primary-container:#2e2770;--on-primary-container:#e2deff;--secondary-container:#2a2463;--on-secondary-container:#e2deff;--g-blue:#5b4ee8;--g-violet:#8a7df5;--g-rose:#c4b8ff;--danger:#f2b8b5;--danger-container:#8c1d18;--on-danger-container:#f9dedc;--success:#6dd58c;--success-container:#0f5223;--warning:#fbc02d;--warning-container:#5c4300;--scrim:#0009;--scroll-thumb:#eef0f524;--scroll-thumb-hover:#eef0f54d;--hover:#e3e3e314;--pressed:#e3e3e31f;--wave-idle:#8e918f;--elev-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--elev-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--elev-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c11;--surface:#101219;--surface-1:#13151c;--surface-2:#1b1e27;--surface-3:#262a36;--on-surface:#eef0f5;--on-surface-variant:#c5c9d6;--muted:#9ca1b3;--outline:#5a5f70;--outline-variant:#242733;--primary:#8a7df5;--on-primary:#0e1016;--primary-container:#2e2770;--on-primary-container:#e2deff;--secondary-container:#2a2463;--on-secondary-container:#e2deff;--g-blue:#5b4ee8;--g-violet:#8a7df5;--g-rose:#c4b8ff;--danger:#f2b8b5;--danger-container:#8c1d18;--on-danger-container:#f9dedc;--success:#6dd58c;--success-container:#0f5223;--warning:#fbc02d;--warning-container:#5c4300;--scrim:#0009;--scroll-thumb:#eef0f524;--scroll-thumb-hover:#eef0f54d;--hover:#e3e3e314;--pressed:#e3e3e31f;--wave-idle:#8e918f;--elev-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--elev-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--elev-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background:var(--scroll-thumb) padding-box;border:4px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-hover)}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);border-width:3px}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-thumb-hover);border-width:3px}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}:hover{scrollbar-color:var(--scroll-thumb-hover) transparent}}body{background:var(--bg);color:var(--on-surface);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}kbd{border:1px solid var(--outline-variant);background:var(--surface-1);min-height:20px;color:var(--on-surface);font-family:var(--font-mono);border-radius:6px;align-items:center;padding:0 6px;font-size:11px;line-height:1;display:inline-flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.text-muted{color:var(--muted)}.animate-spin{animation:1s linear infinite spin}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);height:100dvh;display:grid}.sidebar{background:var(--surface-1);flex-direction:column;gap:4px;min-height:0;padding:12px;display:flex}.sidebar-head{align-items:center;gap:8px;padding:0 0 4px;display:none}.sidebar-brand{white-space:nowrap;height:40px}.sidebar-brand .brand-name{transition:opacity .18s var(--ease)}.new-project{border-radius:var(--radius-md);height:48px;color:var(--on-surface-variant);white-space:nowrap;transition:background .2s var(--ease), box-shadow .2s var(--ease);background:0 0;align-self:flex-start;align-items:center;gap:12px;margin:4px 0 20px;padding:0 20px 0 14px;font-weight:500;display:inline-flex}:is(.new-project:hover,.new-project:focus-visible){background:var(--surface-3)}.sidebar-label{color:var(--on-surface);padding:0 12px 8px;font-size:14px;font-weight:500}.project-list{flex-direction:column;flex:1;gap:2px;min-height:0;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.project-item{border-radius:var(--radius-full);transition:background .15s var(--ease);align-items:center;display:flex;position:relative}.project-item:hover,.project-item.menu-open{background:var(--hover)}.project-item.active{background:var(--secondary-container);color:var(--on-secondary-container)}.project-link{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;height:40px;padding:0 4px 0 16px;display:flex}.project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-item.active .project-name{font-weight:500}.dot-pending{background:var(--g-violet);border-radius:50%;flex:none;width:6px;height:6px}.project-more{width:32px;height:32px;color:var(--on-surface-variant);opacity:0;transition:opacity .15s var(--ease), background .15s var(--ease);border-radius:50%;place-items:center;margin-right:4px;display:grid}.project-item:hover .project-more,.project-item.active .project-more,.project-item.menu-open .project-more{opacity:1}.project-more:focus-visible{opacity:1}.project-more:hover{background:var(--hover)}.menu{z-index:30;border-radius:var(--radius-xs);background:var(--surface-2);min-width:168px;box-shadow:var(--elev-2);animation:menu-in .16s var(--ease-emph);padding:8px 0;position:absolute;top:40px;right:4px}.menu button{width:100%;height:44px;color:var(--on-surface);text-align:left;align-items:center;gap:12px;padding:0 16px;display:flex}.menu button:hover{background:var(--hover)}.menu .danger{color:var(--danger)}.skeleton-list{gap:10px;padding:8px 16px;display:grid}.skeleton-list span{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;height:14px;animation:1.4s linear infinite shimmer}.skeleton-list span:nth-child(2){width:70%}.skeleton-list span:nth-child(3){width:85%}.sidebar-foot{gap:2px;padding-top:8px;display:grid}.sidebar-action{border-radius:var(--radius-full);min-height:52px;color:var(--on-surface);text-align:left;transition:background .15s var(--ease);align-items:center;gap:14px;padding:6px 16px;display:flex}.sidebar-action:hover{background:var(--hover)}.sidebar-action svg{color:var(--on-surface-variant);flex:none}.sidebar-action span{line-height:1.3;display:grid}.sidebar-action small{color:var(--muted);font-size:12px}.scrim{display:none}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.topbar{flex:none;align-items:center;gap:8px;height:64px;padding:0 16px 0 20px;display:flex}.menu-btn{display:none!important}.brand{color:var(--on-surface);align-items:center;gap:10px;font-size:20px;display:inline-flex}.brand-mark{background:var(--gradient);flex:none;width:24px;height:28px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='13 9 38 46'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M19 43 26 23'/%3E%3Cpath d='M29 49 38 15'/%3E%3Cpath d='M41 42 47 26'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='13 9 38 46'%3E%3Cg fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M19 43 26 23'/%3E%3Cpath d='M29 49 38 15'/%3E%3Cpath d='M41 42 47 26'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat}.brand-name{letter-spacing:-.035em;font-weight:600}.brand-name b{font-weight:inherit;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.topbar-spacer{flex:1}.chip{border-radius:var(--radius-xs);border:1px solid var(--outline-variant);height:32px;color:var(--on-surface-variant);white-space:nowrap;transition:background .15s var(--ease);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--hover)}.chip-ok svg{color:var(--success)}.chip-busy svg{color:var(--primary)}.chip-warn svg{color:var(--warning)}.chip-error{background:var(--danger-container);color:var(--on-danger-container);border-color:#0000}.sync-pill{border-radius:var(--radius-full);background:linear-gradient(var(--surface-1), var(--surface-1)) padding-box, linear-gradient(var(--outline-variant), var(--outline-variant)) border-box;width:36px;height:36px;color:var(--on-surface-variant);letter-spacing:.01em;white-space:nowrap;transition:background .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:500;display:inline-flex;position:relative}.sync-pill:hover{box-shadow:var(--elev-1)}.sync-pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sync-icon{width:18px;height:18px;animation:sync-pop .4s var(--ease-emph);place-items:center;display:grid}.sync-ok .sync-icon{color:var(--success)}.sync-muted .sync-icon{color:var(--muted)}.sync-busy{background:linear-gradient(var(--surface-1), var(--surface-1)) padding-box, conic-gradient(from var(--spin,0deg), var(--g-blue), var(--g-violet), var(--g-rose), transparent 70%, var(--g-blue)) border-box;color:var(--on-surface);border-width:1.5px;animation:1.6s linear infinite spin-var}.sync-busy .sync-icon{color:var(--primary)}.sync-warn{background:linear-gradient(var(--warning-container), var(--warning-container)) padding-box, linear-gradient(var(--warning-container), var(--warning-container)) border-box;color:var(--warning)}.sync-error{background:linear-gradient(var(--danger-container), var(--danger-container)) padding-box, linear-gradient(var(--danger-container), var(--danger-container)) border-box;color:var(--on-danger-container)}@keyframes sync-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.sync-busy,.sync-icon{animation:none}}.avatar{background:var(--gradient);color:#fff;width:36px;height:36px;box-shadow:0 0 0 2px var(--bg), 0 0 0 4px transparent;transition:box-shadow .2s var(--ease);border-radius:50%;place-items:center;margin-left:4px;font-size:15px;font-weight:500;display:grid}.avatar:hover{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--outline-variant)}.avatar{padding:0;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-initial{line-height:1}.account-profile{border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:16px;margin-top:16px;padding:14px;display:flex}.account-photo{background:var(--gradient);color:#fff;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:22px;font-weight:500;display:grid;overflow:hidden}.account-profile div{min-width:0;display:grid}.account-profile strong{font-size:16px;font-weight:500}.account-profile span,.account-profile small{color:var(--on-surface-variant);text-overflow:ellipsis;overflow:hidden}.account-profile small{color:var(--muted);font-size:12px}.content{flex:1;min-height:0;padding:24px 24px 220px;scroll-padding-top:16px;overflow-y:auto}.content>*{width:min(100%,860px);margin-left:auto;margin-right:auto}.hero{animation:rise .6s var(--ease-emph) both;padding:28px 0}.greeting{letter-spacing:-.02em;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.12}.hero-title{align-items:center;gap:6px;margin-top:6px;display:flex}.hero-title h2{letter-spacing:-.01em;color:var(--outline);overflow-wrap:anywhere;font-size:clamp(26px,3.4vw,40px);font-weight:400;line-height:1.2}.hero-title .icon-btn{opacity:0;transition:opacity .15s var(--ease)}.hero:hover .hero-title .icon-btn{opacity:1}.hero-title .icon-btn:focus-visible{opacity:1}.hero-sub{color:var(--muted);margin-top:14px;font-size:15px}.suggestions{animation:rise .7s 60ms var(--ease-emph) both;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.suggestion{border-radius:var(--radius-sm);background:var(--surface-1);min-height:188px;color:var(--on-surface);text-align:left;transition:background .2s var(--ease);flex-direction:column;justify-content:space-between;gap:24px;padding:16px;font-size:15px;line-height:1.45;display:flex;position:relative}.suggestion:hover{background:var(--surface-2)}.suggestion-icon{background:var(--bg);width:40px;height:40px;color:var(--on-surface);border-radius:50%;align-self:flex-end;padding:9px}.panel{animation:rise .5s var(--ease-emph) both;margin-top:28px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 4px 12px;display:flex}.panel-head h3{font-size:22px;font-weight:400;line-height:1.3}.panel-meta{color:var(--muted);font-size:13px}.panel-actions{align-items:center;gap:8px;display:flex}.take-list{border-radius:var(--radius-lg);background:var(--surface-1);gap:2px;padding:6px;list-style:none;display:grid}.take{border-radius:var(--radius-md);min-height:64px;transition:background .15s var(--ease);animation:rise .35s var(--ease-emph) both;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:8px 8px 8px 10px;display:grid}.take:hover{background:var(--hover)}.take.selected{background:var(--bg);box-shadow:var(--elev-1)}.play-btn{background:var(--primary-container);width:40px;height:40px;color:var(--on-primary-container);transition:transform .15s var(--ease), background .15s var(--ease);border-radius:50%;place-items:center;display:grid}.play-btn:hover:not(:disabled){transform:scale(1.05)}.play-btn:disabled{background:var(--surface-2);color:var(--muted)}.take.playing .play-btn{background:var(--primary);color:var(--on-primary)}.take-body{gap:8px;min-width:0;display:grid}.take-line{align-items:center;gap:8px;min-width:0;display:flex}.take-name{font-size:15px;font-weight:500}.take-bar{border-radius:var(--radius-full);outline-offset:4px;height:4px;position:relative}.take-bar.seekable{cursor:pointer}.take-bar.seekable:before{content:"";position:absolute;inset:-8px 0}.take-length{border-radius:inherit;background:var(--surface-3);transition:width .35s var(--ease-emph), background .2s var(--ease);position:absolute;inset:0 auto 0 0}.take:hover .take-length{background:var(--outline)}.take.selected .take-length{background:var(--surface-3);width:100%!important}.take-progress{border-radius:inherit;background:var(--gradient);position:absolute;inset:0 auto 0 0}.take-head{background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.take.playing .take-head{animation:1.2s ease-in-out infinite head-pulse}.take-time{font-family:var(--font-mono);color:var(--on-surface);justify-items:end;font-size:13px;line-height:1.3;display:grid}.take-time small{font-family:var(--font);color:var(--muted);font-size:12px}.take-actions{opacity:.55;transition:opacity .15s var(--ease);gap:2px;display:flex}.take:hover .take-actions,.take:focus-within .take-actions{opacity:1}.version-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:12px;display:grid}.version{border-radius:var(--radius-lg);background:var(--surface-1);animation:rise .4s var(--ease-emph) both;gap:10px;padding:18px;display:grid;position:relative}.version-enhanced:before{content:"";border-radius:inherit;background:var(--gradient);-webkit-mask-composite:xor;pointer-events:none;opacity:.7;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.version.is-running:after{content:"";z-index:-1;border-radius:inherit;background:var(--gradient);filter:blur(18px);opacity:.35;animation:2.4s ease-in-out infinite breathe;position:absolute;inset:-1px}.version-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.version-time{color:var(--muted);font-size:12px}.version h4{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.version-meta{font-family:var(--font-mono);color:var(--muted);margin-top:-6px;font-size:12px}.version audio{border-radius:var(--radius-full);width:100%;height:40px}.version-missing{border-radius:var(--radius-full);background:var(--surface-2);height:40px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;font-size:13px;display:flex}.version-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.version-spacer{flex:1}.tag{background:var(--surface-3);height:22px;color:var(--on-surface-variant);letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-muted{border:1px dashed var(--outline-variant);color:var(--muted);background:0 0}.tag-mix{background:var(--primary-container);color:var(--on-primary-container)}.tag-edited{background:var(--warning-container);color:var(--on-surface)}.tag-enhanced{background:var(--gradient-soft);color:var(--on-surface)}.tag-enhanced svg{color:var(--g-violet)}.job{border-radius:var(--radius-sm);background:var(--bg);color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px 14px;font-size:13px;display:flex;position:relative;overflow:hidden}.job-text{flex:1;min-width:160px}.job-sparkle{color:var(--g-violet);animation:1.6s ease-in-out infinite twinkle}.job-error{background:var(--danger-container);color:var(--on-danger-container);padding-bottom:10px}.job-bar{background:var(--surface-3);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.job-bar span{background:var(--gradient);height:100%;transition:width .25s var(--ease);display:block}.job-bar span.indeterminate{width:40%;animation:indeterminate 1.4s var(--ease) infinite}.dock{background:linear-gradient(180deg, transparent, var(--bg) 34%);pointer-events:none;padding:24px 24px 12px;position:absolute;bottom:0;left:0;right:0}.dock>*{pointer-events:auto;width:min(100%,860px);margin:0 auto}.recorder{border-radius:var(--radius-xl);background:var(--surface-1);min-height:72px;transition:background .3s var(--ease), box-shadow .3s var(--ease);isolation:isolate;align-items:center;gap:12px;padding:10px 22px 10px 10px;display:flex;position:relative}.recorder:hover{background:var(--surface-2)}.recorder:before{content:"";z-index:-2;border-radius:calc(var(--radius-xl) + 2px);background:conic-gradient(from var(--spin,0deg), var(--g-blue), var(--g-violet), var(--g-rose), var(--g-blue));opacity:0;transition:opacity .3s var(--ease);position:absolute;inset:-2px}.recorder:after{content:"";z-index:-1;border-radius:var(--radius-xl);background:inherit;position:absolute;inset:0}.recorder.live{background:var(--surface-1);box-shadow:0 0 36px -6px #6050dc80}.recorder.live:before{opacity:1;animation:3s linear infinite spin-var}.mic{background:var(--bg);width:52px;height:52px;color:var(--on-surface);box-shadow:var(--elev-1);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mic:hover{transform:scale(1.04)}.recorder.live .mic{background:var(--gradient);color:#fff;transform:scale(1.08)}.recorder.live .mic:after{content:"";animation:ping 1.4s var(--ease) infinite;border:2px solid #6050dc80;border-radius:50%;position:absolute;inset:-6px}.recorder-wave{flex:1;align-items:center;min-width:0;height:40px;display:flex;position:relative}.recorder-wave canvas{width:100%;height:100%;position:absolute;inset:0}.recorder-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:16px;position:relative;overflow:hidden}.recorder-timer{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.recorder.live .recorder-timer{color:var(--on-surface)}.dock-note{text-align:center;color:var(--muted);margin-top:10px;font-size:12px}.btn{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;height:40px;transition:background .15s var(--ease), box-shadow .15s var(--ease), color .15s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn:disabled{opacity:.38}.btn-sm{height:36px;padding:0 16px;font-size:13px}.btn-sm svg{width:16px;height:16px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--elev-1);background:color-mix(in srgb, var(--primary) 92%, var(--on-primary))}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-tonal:hover:not(:disabled){box-shadow:var(--elev-1)}.btn-outline{border:1px solid var(--outline);color:var(--primary)}.btn-outline:hover:not(:disabled),.btn-text:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, transparent)}.btn-text{color:var(--primary);padding:0 12px}.btn-danger{background:var(--danger);color:var(--bg)}.btn-accent{background:var(--gradient);color:#fff}.icon-btn{border:1px solid var(--outline-variant);width:40px;height:40px;color:var(--on-surface-variant);transition:background .15s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-btn svg{width:20px;height:20px}.icon-btn.ghost{border-color:#0000}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:active:not(:disabled){background:var(--pressed)}.icon-btn:disabled{opacity:.38}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.snackbar{z-index:1200;border-radius:var(--radius-xs);background:var(--on-surface);max-width:min(560px,100vw - 32px);min-height:48px;color:var(--bg);box-shadow:var(--elev-3);animation:snack-in .25s var(--ease-emph);align-items:center;gap:8px;padding:6px 8px 6px 16px;font-size:14px;display:flex;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.snackbar span{flex:1}.snackbar button{border-radius:var(--radius-full);height:36px;color:color-mix(in srgb, var(--primary) 60%, var(--bg));padding:0 12px;font-weight:500}:root[data-theme=dark] .snackbar button{color:#6050dc}.overlay{z-index:1100;background:var(--scrim);animation:fade-in .2s var(--ease);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--radius-xl);background:var(--surface-1);width:min(100%,560px);max-height:calc(100dvh - 48px);color:var(--on-surface);box-shadow:var(--elev-3);animation:dialog-in .3s var(--ease-emph);flex-direction:column;display:flex;overflow:hidden}.modal-card-wide{width:min(100%,920px)}.modal-scroll{overscroll-behavior:contain;min-height:0;margin:6px 6px 6px 0;padding:18px 18px 18px 24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-label{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:500}.modal-header h3{overflow-wrap:anywhere;margin-top:2px;font-size:24px;font-weight:400;line-height:1.3}.modal-header p{color:var(--on-surface-variant);margin-top:10px;font-size:14px;line-height:1.55}.close-btn{width:40px;height:40px;color:var(--on-surface-variant);border-radius:50%;flex:none;place-items:center;margin:-6px -8px 0 0;display:grid}.close-btn:hover{background:var(--hover)}.close-btn svg{width:20px;height:20px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.form-group{gap:6px;margin-top:20px;display:grid}.form-group label{color:var(--on-surface-variant);font-size:12px;font-weight:500}.form-group input,.field{border-radius:var(--radius-xs);border:1px solid var(--outline);width:100%;min-height:48px;color:var(--on-surface);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;outline:none;padding:0 16px;font-size:15px}.form-group input:focus,.field:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.form-group input::placeholder,.field::placeholder{color:var(--muted)}select.field{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--on-surface-variant) 50%), linear-gradient(135deg, var(--on-surface-variant) 50%, transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}select.field option{background:var(--surface-1);color:var(--on-surface)}.form-error{border-radius:var(--radius-xs);background:var(--danger-container);color:var(--on-danger-container);margin-top:16px;padding:10px 14px;font-size:13px}.inline-link{color:var(--primary);align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.inline-link:hover{text-decoration:underline}.auth{gap:4px;margin-top:20px;display:grid}.auth .form-group{margin:0 0 12px}.auth-or{color:var(--muted);align-items:center;gap:12px;margin:14px 0 2px;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--outline-variant);flex:1;height:1px}.auth-sent{border-radius:var(--radius-md);background:var(--gradient-soft);gap:14px;margin-top:20px;padding:16px;display:flex}.auth-sent svg{color:var(--g-violet);flex:none}.auth-sent p{color:var(--on-surface-variant);margin-top:4px}.account{gap:2px;margin-top:16px;display:grid}.account-row{border-bottom:1px solid var(--outline-variant);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.account-row span{color:var(--on-surface-variant)}.account-row strong{text-align:right;font-weight:500}.usage{border-radius:var(--radius-full);background:var(--surface-3);height:6px;margin:2px 0 6px;overflow:hidden}.usage span{background:var(--gradient);min-width:4px;height:100%;display:block}.settings{gap:28px;margin-top:20px;display:grid}.settings-section{gap:12px;display:grid}.settings-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.settings-section-head strong{font-size:16px;font-weight:500}.settings-section-head .text-muted{font-size:12px}.settings-empty{border-radius:var(--radius-md);background:var(--bg);color:var(--on-surface-variant);align-items:center;gap:12px;padding:16px;display:flex}.settings-empty svg{color:var(--g-violet);flex:none}.key-list{gap:8px;list-style:none;display:grid}.key-row{border-radius:var(--radius-md);background:var(--bg);grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:grid}.key-row-off{opacity:.6}.key-main{gap:2px;min-width:0;display:grid}.key-label-input{min-width:0;color:var(--on-surface);background:0 0;border:none;outline:none;padding:0;font-size:15px;font-weight:500}.key-label-input:focus{text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:4px}.key-sub{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.key-sub code{font-family:var(--font-mono);color:var(--on-surface-variant);word-break:break-all}.key-error{color:var(--danger);font-size:12px}.key-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.key-add .field{flex:0 180px;width:auto}.key-add .field-grow{flex:260px}.status-badge{background:var(--surface-3);height:24px;color:var(--on-surface-variant);white-space:nowrap;border-radius:6px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.status-local{background:var(--success-container);color:var(--on-surface)}.status-error{background:var(--danger-container);color:var(--on-danger-container)}.switch{cursor:pointer;flex:none;width:52px;height:32px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{border-radius:var(--radius-full);border:2px solid var(--outline);background:var(--surface-3);transition:background .2s var(--ease), border-color .2s var(--ease);position:absolute;inset:0}.switch span:after{content:"";background:var(--outline);width:16px;height:16px;transition:all .2s var(--ease-emph);border-radius:50%;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.switch input:checked+span{border-color:var(--primary);background:var(--primary)}.switch input:checked+span:after{background:var(--on-primary);width:24px;height:24px;left:24px}.switch input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.setting{color:var(--on-surface-variant);gap:6px;font-size:12px;font-weight:500;display:grid}.setting-check{min-height:40px;color:var(--on-surface);cursor:pointer;align-items:center;gap:12px;font-size:14px;font-weight:400;display:flex}.setting-check input{width:18px;height:18px;accent-color:var(--primary)}.editor{gap:14px;margin-top:18px;display:grid}.editor-stats{flex-wrap:wrap;gap:8px;display:flex}.editor-stats>span{border-radius:var(--radius-xs);background:var(--bg);height:32px;color:var(--on-surface-variant);align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.editor-stats strong{font-family:var(--font-mono);color:var(--on-surface);font-weight:500}.editor-wave{border-radius:var(--radius-md);background:var(--bg);min-height:180px;position:relative;overflow:hidden}.editor-wave canvas{cursor:text;touch-action:none}.editor-empty{color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.editor-scroll{width:100%;accent-color:var(--primary)}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.editor-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-hint{color:var(--muted);font-size:12px}@media (max-width:1100px){.suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.suggestion{min-height:140px}}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:1000;border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:min(320px,86vw);box-shadow:var(--elev-3);transition:transform .3s var(--ease-emph);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar-head{display:flex}.sidebar-open .sidebar{transform:none}.scrim{z-index:999;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);display:block;position:fixed;inset:0}.sidebar-open .scrim{opacity:1;pointer-events:auto}.menu-btn{display:inline-grid!important}.topbar{padding:0 12px 0 8px}}@media (max-width:640px){.topbar-brand .brand-name{display:none}.chip span{text-overflow:ellipsis;max-width:120px;overflow:hidden}.content{padding:8px 16px 200px}.hero{padding:16px 0 20px}.suggestion{min-height:120px;font-size:14px}.take{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.take-actions{opacity:1;grid-column:2/4;justify-content:flex-end;margin-top:-6px}.dock{padding:16px 12px 8px}.recorder{min-height:64px;padding:6px 16px 6px 6px}.recorder-hint{font-size:14px}.snackbar{bottom:120px}.modal-card{border-radius:var(--radius-lg);padding:20px}.settings-grid{grid-template-columns:minmax(0,1fr)}.key-row{grid-template-columns:auto minmax(0,1fr) auto auto}.key-credits{grid-column:2}.key-add .field,.key-add .field-grow{flex:100%}}@media (max-width:380px){.suggestions{grid-template-columns:minmax(0,1fr)}}.soon-badge{border-radius:var(--radius-full);background:var(--gradient);color:#fff;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;align-items:center;height:18px;margin-left:6px;padding:0 7px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-flex}.soon-action{background:var(--gradient-soft);margin:-12px 0 16px}.soon-action:hover{background:var(--gradient-soft), var(--hover)}.soon-action b{font-weight:500}.soon-icon{place-items:center;font-style:normal;display:grid;position:relative}.soon-icon svg{color:var(--primary)}.soon-icon:after{content:"";border:2px solid var(--surface);background:var(--gradient);opacity:0;width:8px;height:8px;transition:opacity .18s var(--ease);border-radius:50%;position:absolute;top:-3px;right:-4px}.btn-soon{border:1px dashed var(--outline);color:var(--on-surface-variant)}.btn-soon:hover{background:var(--gradient-soft);color:var(--on-surface);border-style:solid}.btn-soon .soon-badge{margin-left:2px}.soon-steps{gap:4px;margin:20px 0 0;padding:0;list-style:none;display:grid}.soon-steps li{border-radius:var(--radius-sm);background:var(--surface-1);align-items:flex-start;gap:14px;padding:10px 12px;display:flex}.soon-steps li:first-child{background:var(--gradient-soft)}.soon-steps svg{color:var(--primary);flex:none;margin-top:2px}.soon-steps span{gap:2px;display:grid}.soon-steps b{font-weight:500}.soon-steps small{color:var(--muted);font-size:12.5px}@media (min-width:901px){.app.sidebar-rail .soon-icon:after{opacity:1}.app.sidebar-rail .soon-action{background:0 0}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-var{to{--spin:360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes ping{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}@keyframes head-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent)}}@keyframes breathe{50%{opacity:.6}}@keyframes twinkle{50%{opacity:.6;transform:scale(.8)rotate(20deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (min-width:901px){.snackbar{left:calc(50% + var(--sidebar-w) / 2)}}@media (hover:none){.project-more,.hero-title .icon-btn,.take-actions{opacity:1}}.setting-checks{align-content:start;gap:2px;display:grid}.settings-note{color:var(--muted);font-size:12px;line-height:1.5}.settings-grid{align-items:start}.desktop-only{display:none}@media (min-width:901px){.desktop-only{display:inline-grid}.mobile-only{display:none!important}.sidebar-head{padding:4px 4px 8px;display:flex}.topbar-brand,.app.sidebar-rail .sidebar-head .desktop-only{display:none}.app.sidebar-rail .sidebar-brand{padding-left:8px}.app.sidebar-rail .sidebar-brand .brand-name{opacity:0}.app{transition:grid-template-columns .25s var(--ease-emph);grid-template-columns:72px minmax(0,1fr)}.app.sidebar-pinned{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.main{grid-area:1/2}.sidebar{width:var(--sidebar-w);transition:width .25s var(--ease-emph), box-shadow .25s var(--ease), border-radius .25s var(--ease);overflow:hidden}.app:not(.sidebar-pinned) .sidebar{z-index:900;position:fixed;inset:0 auto 0 0}.app.sidebar-rail .sidebar{width:72px}.app.sidebar-peek .sidebar{width:var(--sidebar-w);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--elev-3)}.sidebar-action,.sidebar-label,.project-link{white-space:nowrap}.app.sidebar-rail .sidebar-label,.app.sidebar-rail .project-list,.app.sidebar-rail .new-project span,.app.sidebar-rail .sidebar-action span{opacity:0;pointer-events:none}.sidebar-label,.project-list,.new-project span,.sidebar-action span{transition:opacity .18s var(--ease)}.app.sidebar-rail .new-project{background:0 0}.app.sidebar-rail .new-project:hover{background:var(--surface-3)}}.setting-toggle{min-height:48px;color:var(--on-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:4px 4px 4px 0;font-size:14px;font-weight:400;display:flex}.setting-toggle .switch span{pointer-events:none}.sidebar-avatar{background:var(--gradient);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:500;display:grid;overflow:hidden}.account-action small{text-overflow:ellipsis;max-width:190px;overflow:hidden}