@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f2f8;background:#0f1117;font-synthesis:none;text-rendering:optimizeLegibility;--background: 225 21% 7%;--foreground: 260 20% 96%;--card: 227 21% 12%;--card-foreground: 260 20% 96%;--popover: 227 21% 11%;--popover-foreground: 260 20% 96%;--primary: 258 90% 66%;--primary-foreground: 0 0% 100%;--secondary: 229 18% 17%;--secondary-foreground: 255 30% 90%;--muted: 227 17% 15%;--muted-foreground: 250 8% 62%;--accent: 258 40% 19%;--accent-foreground: 258 70% 82%;--destructive: 350 89% 60%;--destructive-foreground: 0 0% 100%;--border: 230 15% 20%;--input: 230 15% 22%;--ring: 258 90% 66%;--radius: .95rem;color-scheme:dark}*{box-sizing:border-box;border-color:hsl(var(--border))}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{margin:0;min-width:320px;background:#0f1117;color:#f4f2f8}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::-moz-selection{color:#fff;background:#7c3aed}::selection{color:#fff;background:#7c3aed}:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-loading{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:100dvh;background:radial-gradient(circle at 48% 44%,rgba(124,58,237,.16),transparent 22rem),#0f1117}.app-loading-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(167,139,250,.35);border-radius:15px;background:linear-gradient(145deg,#8b5cf6,#6d28d9);box-shadow:0 14px 34px #7c3aed47;animation:loading-breathe 1.8s ease-in-out infinite}.app-loading-mark svg{width:22px;height:22px}.app-loading-copy{display:flex;flex-direction:column;gap:3px}.app-loading-copy strong{font-size:16px;letter-spacing:-.025em}.app-loading-copy span{color:#8d8999;font-size:12px}.app-error-state{display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;padding:32px;background:radial-gradient(circle at 50% 38%,rgba(124,58,237,.14),transparent 25rem),#0f1117;flex-direction:column;text-align:center}.app-error-state>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border:1px solid rgba(167,139,250,.26);border-radius:19px;background:#8b5cf617;color:#a78bfa}.app-error-state>span svg{width:23px;height:23px}.app-error-state>p:first-of-type{margin:0 0 11px;color:#a78bfa;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-error-state h1{margin:0;color:#f3f0f6;font-size:clamp(30px,4vw,48px);font-weight:650;letter-spacing:-.05em}.app-error-state>p:last-of-type{max-width:480px;margin:16px 0 27px;color:#8f8a98;font-size:13px;line-height:1.65}.app-error-state .app-error-reset{margin-top:10px;font-size:10px}.home-screen{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100dvh;padding:clamp(24px,5vh,64px) clamp(24px,6vw,120px);overflow:hidden;background:radial-gradient(circle at 26% 22%,rgba(124,58,237,.11),transparent 36rem),radial-gradient(circle at 78% 78%,rgba(59,130,246,.055),transparent 38rem),#0d0f16}.home-artwork{position:relative;z-index:1;width:min(88vw,1600px);aspect-ratio:1734 / 907;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:clamp(22px,2.2vw,36px);box-shadow:inset 0 1px #ffffff09,0 34px 90px #00000057}.home-artwork>picture>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-mobile-hero{display:none}.home-tutorial-link{position:absolute;z-index:4;top:clamp(16px,3vh,32px);right:clamp(16px,3vw,44px);display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(196,181,253,.24);border-radius:13px;background:#14121fc2;box-shadow:0 12px 32px #0000003d;color:#d9d2e8;font-size:11px;font-weight:650;text-decoration:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.home-tutorial-link:hover{border-color:#c4b5fd80;background:#7c3aed2e;color:#fff;transform:translateY(-1px)}.home-tutorial-link svg:first-child{width:15px;height:15px;color:#a78bfa}.home-tutorial-link svg:last-child{width:11px;height:11px;color:#817a8e}.home-step-nav{position:absolute;z-index:2;inset:0;pointer-events:none}.home-step-button{position:absolute;pointer-events:auto;border:1px solid rgba(255,255,255,.035);border-radius:15%/12%;background:#08091121;color:transparent;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:brightness(.78) saturate(.78);backdrop-filter:brightness(.78) saturate(.78);transition:border-color .19s ease,background-color .19s ease,box-shadow .19s ease,backdrop-filter .19s ease,transform .19s ease}.home-step-button.is-export{top:35.281%;left:45.79%;width:14.418%;height:33.076%}.home-step-button.is-analyze{top:32.415%;left:63.033%;width:16.436%;height:37.817%}.home-step-button.is-download{top:35.281%;left:82.295%;width:14.418%;height:33.076%}.home-step-button.is-analyze:not(.is-active){background:#07080f3d;-webkit-backdrop-filter:brightness(.52) saturate(.48);backdrop-filter:brightness(.52) saturate(.48)}.home-step-button:hover,.home-step-button:focus-visible{z-index:2;border-color:#c4b5fdad;background:#7c3aed11;box-shadow:inset 0 0 0 1px #ffffff12,0 0 35px #7c3aed42;-webkit-backdrop-filter:brightness(1.06) saturate(1.1);backdrop-filter:brightness(1.06) saturate(1.1);transform:translateY(-1.5%)}.home-step-button.is-active{z-index:1;border-color:#a78bfac7;background:#7c3aed0e;box-shadow:inset 0 0 0 1px #ffffff13,0 0 42px #7c3aed4d;-webkit-backdrop-filter:brightness(1.06) saturate(1.08);backdrop-filter:brightness(1.06) saturate(1.08)}.home-step-button:focus-visible{outline:3px solid rgba(196,181,253,.92);outline-offset:4px}.tonalizer-app{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);width:min(92vw,1480px);height:100dvh;margin:0 auto;padding:14px;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(124,58,237,.13),transparent 29rem),radial-gradient(circle at 88% 86%,rgba(59,130,246,.08),transparent 32rem),linear-gradient(145deg,#0c0e13,#101219 48%,#0c0e14)}.ambient{position:absolute;z-index:-2;border-radius:999px;filter:blur(90px);pointer-events:none}.ambient-one{top:-18%;left:17%;width:32vw;height:32vw;background:#7c3aed1c}.ambient-two{right:-12%;bottom:-22%;width:40vw;height:40vw;background:#3b82f612}.ambient-grid{position:absolute;z-index:-1;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 65% 50%,black,transparent 78%);mask-image:radial-gradient(circle at 65% 50%,black,transparent 78%);pointer-events:none}.app-sidebar,.app-main{position:relative;z-index:1;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.065);box-shadow:inset 0 1px #ffffff06,0 22px 70px #00000038;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.app-main{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:26px;background:radial-gradient(circle at 75% 4%,rgba(139,92,246,.075),transparent 24rem),#13151dde}.workspace-header{position:relative;z-index:5;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;min-height:82px;padding:11px 17px;border-bottom:1px solid rgba(255,255,255,.055);background:#0f111759;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-brand{display:flex;align-items:center;gap:12px;min-height:50px;justify-self:start;padding:0 8px;border:0;border-radius:15px;background:transparent;text-align:left;cursor:pointer;transition:background-color .18s ease}.app-brand:hover{background:#ffffff09}.app-brand-mark{position:relative;display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid rgba(196,181,253,.35);border-radius:14px;background:radial-gradient(circle at 22% 15%,rgba(255,255,255,.3),transparent 30%),linear-gradient(145deg,#9b72f8,#7134dc 72%);box-shadow:inset 0 1px #ffffff40,0 10px 26px #7c3aed40}.app-brand-mark:after{position:absolute;inset:auto -10px -13px auto;width:34px;height:34px;border:8px solid rgba(255,255,255,.08);border-radius:999px;content:""}.app-brand-mark svg{position:relative;z-index:1;width:21px;height:21px;color:#fff}.app-brand-copy{display:flex;min-width:0;flex-direction:column}.app-brand-copy strong{color:#f7f5fa;font-size:16px;font-weight:750;letter-spacing:-.04em;line-height:1.2}.app-brand-copy strong span{color:#9b70f8}.app-brand-copy small{margin-top:3px;color:#777382;font-size:9px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.header-step-nav{display:flex;align-items:stretch;justify-self:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:#090b1057}.header-step-button{position:relative;display:flex;align-items:center;gap:9px;min-width:142px;min-height:50px;padding:7px 12px 7px 8px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.header-step-button:hover{background:#ffffff09}.header-step-button.is-active{border-color:#a78bfa40;background:linear-gradient(145deg,rgba(124,58,237,.2),transparent),#ffffff09;box-shadow:inset 0 1px #ffffff0e,0 9px 25px #4c1d9524}.header-step-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#1a1c26;color:#777382;transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.header-step-icon svg{width:15px;height:15px}.header-step-button.is-active .header-step-icon{border-color:#c4b5fd61;background:linear-gradient(145deg,#925ff2,#6d28d9);color:#fff;box-shadow:0 8px 18px #7c3aed3d}.header-step-button.is-complete:not(.is-active) .header-step-icon{border-color:#22c55e3b;background:#22c55e17;color:#4ade80}.header-step-copy{display:flex;min-width:0;flex-direction:column}.header-step-copy strong{color:#c8c3d0;font-size:12px;font-weight:680;letter-spacing:-.015em;line-height:1.2}.header-step-copy small{margin-top:3px;overflow:hidden;color:#888290;font-size:9px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.header-step-button.is-active .header-step-copy strong{color:#f5f2fa}.header-step-button.is-active .header-step-copy small{color:#a39bac}.workspace-header-actions{display:flex;align-items:center;justify-self:end;gap:8px}.chapter-nav-item.is-active{border-color:#8b5cf629;background:linear-gradient(90deg,#7c3aed21,#7c3aed09),#ffffff05;box-shadow:inset 3px 0 #8b5cf6}.chapter-nav-item.is-active .chapter-nav-icon{border-color:#a78bfa61;background:linear-gradient(145deg,#8b5cf6f2,#6d28d9f2);color:#fff;box-shadow:0 8px 18px #7c3aed3d}.chapter-nav-item.is-complete:not(.is-active) .chapter-nav-icon{border-color:#22c55e3b;background:#22c55e17;color:#4ade80}.chapter-nav-item.is-active .chapter-nav-copy strong{color:#f4f1f8}.chapter-nav-item.is-active .chapter-nav-copy span{color:#9c96a9}.chapter-nav-item:hover .chapter-nav-arrow,.chapter-nav-item.is-active .chapter-nav-arrow{opacity:1;transform:translate(0)}.save-status,.help-button{display:inline-flex;align-items:center;gap:7px;height:36px;border-radius:11px;font-size:10px;font-weight:600}.save-status{padding:0 12px;color:#777382}.save-status svg{width:13px;height:13px;color:#4ade80}.save-status.is-warning{color:#d2a56a}.save-status.is-warning svg{color:#f59e0b}.help-button{padding:0 13px;border:1px solid rgba(255,255,255,.075);background:#ffffff09;color:#aaa5b4;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.help-button:hover{border-color:#a78bfa42;background:#8b5cf614;color:#d9d3e5;transform:translateY(-1px)}.help-button svg{width:14px;height:14px}.stage-viewport{min-width:0;min-height:0;overflow:hidden;outline:none}.stage-transition{width:100%;height:100%;animation:stage-arrive .24s cubic-bezier(.2,.8,.2,1)}.chapter-stage{width:100%;height:100%;min-height:0;padding:clamp(30px,4.4vw,68px);overflow:hidden}.stage-copy{position:relative;z-index:2;max-width:530px}.stage-kicker{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#a78bfa;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stage-kicker svg{width:14px;height:14px}.stage-kicker.is-warm{color:#f4b65c}.chapter-stage h2{margin:0;color:#f5f3f8;font-size:clamp(36px,4.25vw,63px);font-weight:650;letter-spacing:-.057em;line-height:1.01}.stage-description,.upload-copy>p:not(.stage-kicker),.mapping-copy>p:not(.stage-kicker),.status-copy>p:not(.stage-kicker),.download-summary>p:not(.stage-kicker),.analysis-copy>p:not(.stage-kicker){max-width:540px;margin:22px 0 0;color:#95909f;font-size:clamp(14px,1.25vw,17px);line-height:1.65}.stage-actions{display:flex;align-items:center;gap:20px;margin-top:33px}.text-action{display:inline-flex;align-items:center;gap:8px;padding:8px 2px;border:0;background:transparent;color:#aaa5b4;font-size:12px;font-weight:600;cursor:pointer;transition:color .18s ease,gap .18s ease}.text-action:hover{gap:11px;color:#ded9e7}.text-action.is-quiet{color:#777382}.text-action svg{width:14px;height:14px}.direct-audio-action{display:grid;width:min(470px,100%);min-height:70px;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:12px;margin-top:19px;padding:12px 14px;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:linear-gradient(120deg,rgba(59,130,246,.075),transparent 55%),#ffffff05;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.direct-audio-action:hover{border-color:#60a5fa61;background:linear-gradient(120deg,rgba(59,130,246,.13),transparent 60%),#ffffff07;transform:translateY(-1px)}.direct-audio-action:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:3px}.direct-audio-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(96,165,250,.2);border-radius:12px;background:#3b82f617;color:#7db8f7}.direct-audio-icon svg{width:18px;height:18px}.direct-audio-action>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.direct-audio-action strong{color:#d9e6f5;font-size:11px;font-weight:650;line-height:1.35}.direct-audio-action small{color:#718092;font-size:9px;line-height:1.45}.direct-audio-action>svg{width:14px;height:14px;color:#66809d}.direct-audio-action+.calm-note{margin-top:24px}.calm-note{display:flex;align-items:flex-start;gap:11px;max-width:410px;margin-top:44px;padding-top:19px;border-top:1px solid rgba(255,255,255,.06);color:#777382}.calm-note>svg{flex:0 0 auto;width:16px;height:16px;margin-top:1px;color:#4ade80}.calm-note span{display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.45}.calm-note strong{color:#b9b4c2;font-size:11px;font-weight:650}.export-stage{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(430px,1.18fr);align-items:center;gap:clamp(32px,5vw,85px)}.export-visual{position:relative;display:grid;place-items:center;width:100%;height:min(495px,68vh);min-height:390px}.visual-halo{position:absolute;width:82%;height:78%;border-radius:50%;background:#7c3aed26;filter:blur(72px)}.journey-card{position:relative;z-index:2;width:min(480px,88%);padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(155deg,#262836e3,#161822eb),#1c1f2bd9;box-shadow:inset 0 1px #ffffff0e,0 32px 85px #0000005c;transform:perspective(1000px) rotateY(-5deg) rotateX(1.5deg)}.journey-card:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 25%),radial-gradient(circle at 84% 0%,rgba(139,92,246,.13),transparent 38%);pointer-events:none;content:""}.journey-card-top,.journey-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.journey-card-top{padding:0 4px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.journey-card-top>span{color:#d9d5e1;font-size:11px;font-weight:650}.journey-card-top small{padding:5px 8px;border:1px solid rgba(139,92,246,.16);border-radius:999px;background:#8b5cf612;color:#9b83cd;font-size:8px;font-weight:650}.journey-flow{position:relative;z-index:1;padding:17px 0}.journey-node{display:grid;grid-template-columns:41px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:61px;padding:9px 11px;border:1px solid transparent;border-radius:15px}.journey-node.is-current{border-color:#8b5cf638;background:linear-gradient(90deg,#8b5cf61f,#8b5cf606),#ffffff05;box-shadow:inset 0 1px #ffffff05}.journey-node.is-muted{opacity:.62}.journey-node-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.journey-node-icon svg{width:16px;height:16px}.journey-node-icon.is-pink{background:#ec48991a;color:#f472b6}.journey-node-icon.is-blue{background:#3b82f61a;color:#60a5fa}.journey-node-icon.is-purple{background:#8b5cf61a;color:#a78bfa}.journey-node>div{display:flex;min-width:0;flex-direction:column;gap:3px}.journey-node strong{color:#dcd8e4;font-size:11px;font-weight:650}.journey-node small{color:#75717e;font-size:8px}.journey-state,.journey-number{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;font-size:8px;font-weight:700}.journey-state{background:#22c55e14;color:#4ade80}.journey-state svg{width:12px;height:12px}.journey-number{background:#8b5cf624;color:#b9a4e8}.journey-line{position:relative;display:block;width:1px;height:15px;margin-left:30px;overflow:hidden;background:#ffffff17}.journey-line i{position:absolute;inset:0;background:linear-gradient(transparent,#8b5cf6,transparent);animation:line-travel 2s ease-in-out infinite}.journey-line.is-muted i{opacity:.35;animation-delay:.7s}.journey-footer{justify-content:flex-start;gap:9px;padding:15px 5px 1px;border-top:1px solid rgba(255,255,255,.06)}.avatar-dot{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border:1px solid rgba(196,181,253,.3);border-radius:50%;background:linear-gradient(145deg,#a78bfa,#7c3aed);color:#fff;font-size:9px;font-weight:700}.journey-footer p{margin:0;color:#85808e;font-size:9px}.journey-footer strong{color:#bdb8c6;font-weight:650}.floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;min-width:148px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#1d1f2be0;box-shadow:inset 0 1px #ffffff0b,0 18px 45px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-chip>svg{width:15px;height:15px;color:#a78bfa}.floating-chip span{display:flex;flex-direction:column;gap:2px}.floating-chip strong{color:#d3ceda;font-size:9px;font-weight:650}.floating-chip small{color:#706b78;font-size:7px}.floating-chip-one{top:17%;right:1%;animation:chip-float 5s ease-in-out infinite}.floating-chip-two{bottom:10%;left:0;animation:chip-float 5.6s .8s ease-in-out infinite}.upload-stage,.analyze-ready-stage,.mapping-stage,.analysis-running,.analysis-status-stage,.empty-download-stage,.finished-stage,.download-ready-stage{display:grid;align-items:center;gap:clamp(35px,6vw,92px)}.upload-stage{grid-template-columns:minmax(340px,.8fr) minmax(410px,1.2fr)}.upload-copy{max-width:500px}.upload-assurances{display:flex;flex-direction:column;gap:10px;margin-top:29px}.upload-assurances span{display:flex;align-items:center;gap:8px;color:#86818f;font-size:11px}.upload-assurances svg{width:13px;height:13px;color:#4ade80}.upload-zone-wrap{position:relative;width:100%;max-width:560px;justify-self:center}.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:min(380px,53vh);padding:42px;overflow:hidden;border:1px dashed rgba(167,139,250,.28);border-radius:26px;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.09),transparent 15rem),#ffffff06;color:inherit;cursor:pointer;flex-direction:column;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.upload-zone:before{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.026);border-radius:20px;pointer-events:none;content:""}.upload-zone:hover,.upload-zone.is-dragging{border-color:#a78bfaa6;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.16),transparent 15rem),#8b5cf60a;box-shadow:0 24px 75px #00000038;transform:translateY(-2px)}.upload-zone.is-dragging{transform:scale(1.012)}.upload-zone-icon{display:grid;place-items:center;width:66px;height:66px;margin-bottom:24px;border:1px solid rgba(167,139,250,.31);border-radius:21px;background:linear-gradient(145deg,#8b5cf63d,#7c3aed14),#1c1e29;color:#b79af9;box-shadow:inset 0 1px #ffffff14,0 15px 35px #7c3aed24}.upload-zone-icon svg{width:25px;height:25px}.upload-zone strong{color:#eeeaf4;font-size:15px;font-weight:650;letter-spacing:-.02em}.upload-zone>span:not(.upload-zone-icon){margin-top:8px;color:#817c8a;font-size:11px}.upload-zone small{margin-top:21px;padding:6px 9px;border-radius:999px;background:#ffffff09;color:#615d69;font-size:8px}.upload-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;color:#66626f;font-size:9px}.upload-privacy svg{width:12px;height:12px;color:#4ade80}.upload-alternative{display:flex;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.055);flex-direction:column}.upload-alternative>span{color:#6f6a77;font-size:9px;text-align:center}.direct-audio-action.is-compact{width:100%;margin-top:10px}.friendly-error{padding:12px 14px;border:1px solid rgba(245,158,11,.2);border-radius:13px;background:#f59e0b13;color:#d8b179;font-size:10px;line-height:1.5}.friendly-error.upload-error{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:13px}.friendly-error svg{flex:0 0 auto;width:14px;height:14px;margin-top:1px}.mapping-stage{grid-template-columns:minmax(350px,.85fr) minmax(410px,1.15fr)}.mapping-copy{max-width:520px}.mapping-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:24px;border:1px solid rgba(59,130,246,.25);border-radius:19px;background:#3b82f617;color:#60a5fa}.mapping-icon svg{width:22px;height:22px}.mapping-panel{display:flex;width:100%;max-width:570px;justify-self:center;padding:27px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:#ffffff06;box-shadow:inset 0 1px #ffffff06;flex-direction:column;gap:14px}.mapping-guidance{display:flex;padding:0 2px 4px;flex-direction:column;gap:4px}.mapping-guidance strong{color:#d6d1dc;font-size:13px;font-weight:650}.mapping-guidance span{color:#726d79;font-size:9px;line-height:1.5}.mapping-field{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:#ffffff05}.mapping-panel label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);align-items:center;gap:18px;min-height:68px;padding:12px;border:0;border-radius:0;background:transparent}.mapping-field-copy{display:flex;min-width:0;align-items:flex-start;gap:9px}.mapping-field-copy>b{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border-radius:8px;background:#8b5cf61f;color:#ad91eb;font-size:9px}.mapping-field-copy>span{display:flex;min-width:0;flex-direction:column;gap:4px}.mapping-field-copy strong{color:#c8c2ce;font-size:11px;font-weight:650}.mapping-field-copy small{color:#716b77;font-size:8px;font-weight:400;line-height:1.4}.mapping-panel [data-slot=select-trigger]{width:100%}.mapping-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:3px 12px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.04);background:#3b82f606}.mapping-example span,.mapping-example small{color:#666d77;font-size:8px}.mapping-example strong{overflow:hidden;color:#9fb3cb;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mapping-example small{grid-column:2}.mapping-warning{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(245,158,11,.2);border-radius:13px;background:#f59e0b11;color:#b49365;font-size:9px;line-height:1.5}.mapping-warning>svg{flex:0 0 auto;width:14px;height:14px;margin-top:1px;color:#e2a956}.mapping-warning>span{display:flex;flex-direction:column;gap:2px}.mapping-warning strong{color:#d7b27c;font-weight:650}.mapping-panel>[data-slot=button]{width:100%;margin-top:2px}.mapping-panel>p{margin:1px 4px 0;color:#66626f;font-size:9px;text-align:center}.analyze-ready-stage{grid-template-columns:minmax(340px,.78fr) minmax(450px,1.22fr)}.ready-summary{max-width:515px}.ready-count{margin:25px 0 0;color:#97919f;font-size:15px}.ready-count strong{color:#fff;font-size:30px;font-weight:650;letter-spacing:-.045em}.ready-subcopy{max-width:390px;margin:10px 0 0;color:#77727f;font-size:11px;line-height:1.55}.ready-error{display:flex;align-items:flex-start;gap:8px;max-width:430px;margin-top:17px}.song-preview-card{width:100%;max-width:590px;justify-self:center;padding:21px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(160deg,#242633b8,#181a24b8),#ffffff05;box-shadow:inset 0 1px #ffffff08,0 28px 70px #0003}.song-preview-header,.song-preview-footer{display:flex;align-items:center;justify-content:space-between}.song-preview-header{min-height:35px;padding:0 4px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.song-preview-header span{display:flex;align-items:center;gap:7px;color:#c8c3d0;font-size:10px;font-weight:650}.song-preview-header svg{width:13px;height:13px;color:#a78bfa}.song-preview-header small{max-width:48%;overflow:hidden;color:#66626f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.song-preview-list{display:flex;padding:10px 0 7px;flex-direction:column}.song-preview-row{display:grid;grid-template-columns:26px 36px minmax(0,1fr) 20px;align-items:center;gap:8px;min-height:49px;padding:5px 7px;border-bottom:1px solid rgba(255,255,255,.035)}.song-preview-row:last-child{border-bottom:0}.song-order{color:#595561;font-size:8px;font-weight:650}.mini-wave{display:flex;align-items:center;justify-content:center;gap:2px;height:27px;border-radius:9px;background:#8b5cf614}.mini-wave i{display:block;width:2px;border-radius:2px;background:#9b75ec}.mini-wave i:nth-child(1){height:7px}.mini-wave i:nth-child(2){height:13px}.mini-wave i:nth-child(3){height:9px}.mini-wave i:nth-child(4){height:16px}.song-preview-row>span:nth-child(3){display:flex;min-width:0;flex-direction:column;gap:3px}.song-preview-row strong{overflow:hidden;color:#cfcad7;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.song-preview-row small{overflow:hidden;color:#6f6b77;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.song-preview-row>svg{width:13px;height:13px;color:#4ade80}.song-preview-more{margin:2px 0 10px;color:#6a6672;font-size:8px;text-align:center}.song-preview-footer{justify-content:center;gap:7px;padding:12px 4px 1px;border-top:1px solid rgba(255,255,255,.06);color:#67636f;font-size:8px}.song-preview-footer svg{width:12px;height:12px;color:#4ade80}.analysis-running{grid-template-columns:minmax(360px,1fr) minmax(430px,.95fr)}.analysis-orbit{position:relative;display:grid;place-items:center;width:min(430px,36vw);aspect-ratio:1;justify-self:center}.analysis-orbit:before{position:absolute;width:72%;height:72%;border-radius:50%;background:#7c3aed29;filter:blur(75px);content:""}.orbit-ring{position:absolute;border:1px solid rgba(167,139,250,.13);border-radius:50%}.orbit-ring-one{width:72%;height:72%;border-style:dashed;animation:orbit-spin 18s linear infinite}.orbit-ring-two{width:45%;height:45%;border-color:#3b82f624;animation:orbit-spin 11s linear infinite reverse}.analysis-core{position:relative;z-index:2;display:grid;place-items:center;width:116px;height:116px;border:1px solid rgba(196,181,253,.35);border-radius:34px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,#9568f6,#7132dc);color:#fff;box-shadow:inset 0 1px #ffffff40,0 0 0 18px #8b5cf60e,0 25px 65px #7c3aed52;animation:core-pulse 2.4s ease-in-out infinite}.analysis-core svg{width:44px;height:44px}.orbit-particle{position:absolute;display:block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 18px currentColor}.particle-one{top:14%;left:49%;background:#ec4899;color:#ec4899}.particle-two{right:15%;bottom:28%;width:8px;height:8px;background:#3b82f6;color:#3b82f6}.particle-three{bottom:17%;left:22%;width:7px;height:7px;background:#22c55e;color:#22c55e}.analysis-copy{max-width:525px}.progress-block{margin-top:34px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#ffffff06}.progress-copy{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.progress-copy span{color:#b4afbd;font-size:11px;font-weight:600}.progress-copy strong{color:#c4b5fd;font-size:18px;font-weight:650}.progress-block small{display:block;margin-top:11px;color:#686470;font-size:8px}.analysis-status-stage,.empty-download-stage,.finished-stage{grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr)}.status-illustration,.empty-download-visual,.celebration-visual{position:relative;display:grid;place-items:center;width:min(390px,33vw);aspect-ratio:1;justify-self:center}.status-illustration:before,.empty-download-visual:before,.celebration-visual:before{position:absolute;width:82%;height:82%;border-radius:50%;background:#7c3aed1c;filter:blur(65px);content:""}.status-illustration>svg,.empty-download-visual>svg{position:relative;z-index:2;width:95px;height:95px;padding:29px;border:1px solid rgba(255,255,255,.1);border-radius:31px;background:linear-gradient(145deg,#232532f5,#161821f5);box-shadow:inset 0 1px #ffffff0d,0 28px 65px #00000047}.status-illustration.is-success>svg{border-color:#22c55e3b;color:#4ade80}.status-illustration.is-paused>svg{border-color:#f59e0b3b;color:#fbbf24}.status-illustration.is-reading>svg{border-color:#3b82f63b;color:#60a5fa}.empty-download-visual>svg{color:#817a8c}.empty-download-visual>span{position:absolute;width:57%;height:1px;border-top:1px dashed rgba(167,139,250,.2);transform:rotate(-22deg)}.status-copy{max-width:570px}.status-copy .friendly-error{max-width:480px;margin-top:23px}.status-copy>[data-slot=button]{margin-top:31px}.download-ready-stage{grid-template-columns:minmax(380px,.9fr) minmax(470px,1.1fr);gap:clamp(34px,5vw,72px)}.download-summary{max-width:590px}.download-summary h2{font-size:clamp(34px,3.7vw,56px)}.download-primary-action{display:flex;align-items:center;gap:20px;margin-top:32px}.review-note{display:flex;align-items:flex-start;gap:10px;max-width:500px;margin-top:31px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.download-error{display:flex;align-items:flex-start;gap:8px;max-width:500px;margin-top:18px}.review-note>svg{flex:0 0 auto;width:16px;height:16px;color:#f59e0b}.review-note.is-clear>svg{color:#4ade80}.review-note p{display:flex;margin:0;color:#74707c;font-size:9px;line-height:1.5;flex-direction:column;gap:2px}.review-note strong{color:#aaa5b2;font-size:10px;font-weight:650}.download-dashboard{width:100%;max-width:600px;justify-self:center;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(155deg,#232532b8,#171922c2),#ffffff05;box-shadow:inset 0 1px #ffffff09,0 32px 78px #0000003b}.result-score{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:19px;padding:21px;border-bottom:1px solid rgba(255,255,255,.06)}.score-ring{--result-progress: 0%;position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at center,#20222e 58%,transparent 60%),conic-gradient(#8b5cf6 0 var(--result-progress),rgba(255,255,255,.065) var(--result-progress) 100%);box-shadow:0 0 35px #7c3aed17}.score-ring:after{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.03);border-radius:50%;content:""}.score-ring>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.score-ring strong{color:#f2eff7;font-size:20px;font-weight:650;letter-spacing:-.04em}.score-ring small{color:#696572;font-size:7px;text-transform:uppercase}.result-score>div:last-child{display:flex;flex-direction:column;gap:5px}.result-score p{margin:0 0 2px;color:#777280;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.result-score>div:last-child strong{color:#d6d1dd;font-size:14px;font-weight:650}.result-score>div:last-child small{color:#77727f;font-size:9px}.group-preview{padding:17px 20px 19px}.group-preview-header{display:flex;align-items:center;justify-content:space-between;min-height:30px}.group-preview-header>span{color:#bcb7c4;font-size:10px;font-weight:650}.group-preview-header button{display:flex;align-items:center;gap:3px;padding:5px;border:0;background:transparent;color:#807a89;font-size:8px;cursor:pointer}.group-preview-header svg{width:11px;height:11px}.group-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.group-preview-empty{display:flex;min-height:112px;grid-column:1 / -1;align-items:center;justify-content:center;padding:20px;border:1px dashed rgba(245,158,11,.16);border-radius:13px;background:#f59e0b09;color:#8f7d65;flex-direction:column;gap:9px;text-align:center}.group-preview-empty svg{width:19px;height:19px;color:#f2b24f}.group-preview-empty span{max-width:250px;font-size:9px;line-height:1.45}.group-preview-row{--tone-color: #8b5cf6;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:52px;padding:7px 8px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#ffffff05;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.group-preview-row:hover{border-color:color-mix(in srgb,var(--tone-color) 30%,transparent);background:#ffffff09;transform:translateY(-1px)}.tone-swatch{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--tone-color) 24%,transparent);border-radius:10px;background:color-mix(in srgb,var(--tone-color) 10%,transparent);color:var(--tone-color)}.tone-swatch svg{width:14px;height:14px}.group-preview-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.group-preview-row strong{overflow:hidden;color:#c7c2ce;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.group-preview-row small{color:#686470;font-size:7px}.group-preview-row>svg{width:12px;height:12px;color:#55515c}.download-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.download-secondary-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#ffffff05;color:#888390;font-size:8px;font-weight:600;cursor:pointer;transition:.18s ease}.download-secondary-actions button:hover{border-color:#a78bfa33;background:#8b5cf60e;color:#b9b3c3}.download-secondary-actions svg{width:12px;height:12px}.download-secondary-actions button>span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#f59e0b1f;color:#f2b75f;font-size:7px}.download-secondary-actions button:only-child{grid-column:1 / -1}.celebration-visual{overflow:visible}.celebration-orb{position:relative;z-index:2;display:grid;place-items:center;width:118px;height:118px;border:1px solid rgba(74,222,128,.28);border-radius:36px;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.14),transparent 28%),linear-gradient(145deg,#22c55e40,#16a34a17),#20242d;color:#4ade80;box-shadow:inset 0 1px #ffffff14,0 0 0 18px #22c55e09,0 25px 65px #00000040}.celebration-orb svg{width:48px;height:48px}.celebration-visual>i{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-drift 4s ease-in-out infinite}.celebration-visual>i:nth-of-type(1){top:18%;left:24%;background:#a855f7;transform:rotate(19deg)}.celebration-visual>i:nth-of-type(2){top:26%;right:20%;width:6px;height:12px;background:#3b82f6;animation-delay:.5s}.celebration-visual>i:nth-of-type(3){bottom:21%;left:18%;width:11px;height:5px;background:#f59e0b;animation-delay:1s}.celebration-visual>i:nth-of-type(4){right:23%;bottom:18%;background:#ec4899;animation-delay:1.4s}.celebration-visual>i:nth-of-type(5){top:10%;left:51%;width:5px;height:10px;background:#22c55e;animation-delay:.8s}.dialog-layer{position:fixed;z-index:100;display:flex;align-items:stretch;justify-content:flex-end;inset:0;padding:12px;background:#05060aa8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:dialog-fade .18s ease}.dialog-layer.is-centered{align-items:center;justify-content:center}.help-drawer,.detail-drawer{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(450px,calc(100vw - 24px));height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 75% 0%,rgba(139,92,246,.1),transparent 18rem),#161821fa;box-shadow:inset 0 1px #ffffff09,-20px 0 80px #0006;animation:drawer-arrive .24s cubic-bezier(.16,1,.3,1)}.drawer-handle{display:none}.help-header,.detail-drawer-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:86px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.06)}.help-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(167,139,250,.23);border-radius:13px;background:#8b5cf617;color:#a78bfa}.help-icon svg{width:18px;height:18px}.help-header p,.detail-drawer-header p{margin:0 0 3px;color:#8775ad;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.help-header h2,.detail-drawer-header h2{margin:0;color:#eeeaf4;font-size:15px;font-weight:650;letter-spacing:-.025em}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff08;color:#7e7987;cursor:pointer;transition:.18s ease}.icon-button:hover{border-color:#ffffff21;background:#ffffff0e;color:#d5d0dd}.icon-button svg{width:15px;height:15px}.help-navigation{display:grid;grid-template-columns:minmax(0,2fr) minmax(98px,.7fr);gap:5px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05);background:#0a0b102e}.help-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.help-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:#706b79;font-size:9px;font-weight:600;cursor:pointer;transition:.18s ease}.help-tabs button:hover{color:#a7a1af}.help-tabs button.is-active{border-color:#8b5cf62e;background:#8b5cf616;color:#c5b6e7}.help-tabs svg{width:13px;height:13px}.help-tutorial-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border:1px solid rgba(167,139,250,.2);border-radius:11px;background:#8b5cf614;color:#c5b6e7;font-size:9px;font-weight:650;text-decoration:none;transition:.18s ease}.help-tutorial-link:hover{border-color:#a78bfa61;background:#8b5cf629;color:#eee9f8}.help-tutorial-link svg{width:13px;height:13px}.help-tutorial-link svg:last-child{width:10px;height:10px;color:#817a8e}.help-content{min-height:0;padding:26px 22px;overflow:auto}.help-steps{display:flex;margin:0;padding:0;list-style:none;flex-direction:column;gap:11px}.help-steps li{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 12px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#ffffff05}.help-steps li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(139,92,246,.18);border-radius:10px;background:#8b5cf612;color:#a78bfa;font-size:9px;font-weight:700}.help-steps p{margin:0;color:#c2bdca;font-size:10px;font-weight:500;line-height:1.5}.help-reason>p{margin:0;color:#b8b3c0;font-size:12px;line-height:1.75}.help-reason blockquote{display:flex;gap:11px;margin:23px 0 0;padding:16px;border:1px solid rgba(245,158,11,.15);border-radius:15px;background:#f59e0b0e;color:#b9a384}.help-reason blockquote svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:#f2b34d}.help-reason blockquote span{font-size:10px;font-style:normal;line-height:1.6}.help-footer{display:flex;align-items:center;gap:9px;min-height:58px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.055)}.help-footer>span{display:block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e73}.help-footer p{margin:0;color:#686470;font-size:8px}.detail-drawer{grid-template-rows:auto minmax(0,1fr);width:min(540px,calc(100vw - 24px))}.detail-drawer.is-wide{width:min(980px,calc(100vw - 24px))}.detail-drawer-header{grid-template-columns:minmax(0,1fr) auto}.detail-drawer-body{min-height:0;padding:15px;overflow:auto}.tone-list{display:flex;flex-direction:column;gap:8px}.tone-list-item{--tone-color: #8b5cf6;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#ffffff05}.tone-list-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--tone-color) 25%,transparent);border-radius:12px;background:color-mix(in srgb,var(--tone-color) 9%,transparent);color:var(--tone-color)}.tone-list-icon svg{width:16px;height:16px}.tone-list-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}.tone-list-item strong{color:#d2cdd9;font-size:10px;font-weight:600}.tone-list-item small{color:#6e6a76;font-size:8px}.review-toolbar{position:sticky;z-index:3;top:0;display:flex;align-items:center;gap:6px;padding:1px 0 13px;background:#161821fa}.review-toolbar>button:not([data-slot=button]){display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#ffffff05;color:#77727f;font-size:8px;font-weight:600;cursor:pointer}.review-toolbar>button:not([data-slot=button]).is-active{border-color:#8b5cf638;background:#8b5cf617;color:#c1b0e6}.review-toolbar>button span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ffffff0e;font-size:7px}.review-toolbar>[data-slot=button]{margin-left:auto}.review-table-wrap{min-height:0;border:1px solid rgba(255,255,255,.055);border-radius:14px;overflow:hidden}.review-table{width:100%;border-collapse:collapse;table-layout:fixed}.review-table th{position:sticky;z-index:2;top:0;height:39px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.065);background:#1a1c26;color:#6e6976;font-size:7px;font-weight:700;letter-spacing:.1em;text-align:left;text-transform:uppercase}.review-table th:nth-child(1){width:23%}.review-table th:nth-child(2){width:23%}.review-table th:nth-child(3){width:29%}.review-table th:nth-child(4){width:25%}.review-table td{min-width:0;height:74px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;content-visibility:auto;contain-intrinsic-size:74px}.review-table tr:last-child td{border-bottom:0}.review-table td>strong,.review-table td>small,.review-table td>em{display:block;overflow:hidden;text-overflow:ellipsis}.review-table td>strong{color:#c5c0cc;font-size:9px;font-weight:600;white-space:nowrap}.review-table td>small{margin-top:4px;color:#6c6874;font-size:7px;line-height:1.35}.review-table td>em{margin-top:4px;color:#9a8db4;font-size:7px;font-style:normal}.result-status{display:inline-flex;min-height:20px;align-items:center;padding:0 7px;border-radius:999px;font-size:7px;font-weight:650}.result-status.is-classified{background:#22c55e17;color:#64d98b}.result-status.is-review{background:#f59e0b17;color:#efb754}.result-status.is-not_found,.result-status.is-error{background:#f43f5e17;color:#ee8192}.empty-value{color:#5f5b66;font-size:8px}.review-table [data-slot=select-trigger]{width:100%;min-width:0;font-size:8px}.review-empty{display:flex;min-height:220px;align-items:center;justify-content:center;color:#716c78;flex-direction:column;gap:7px}.review-empty svg{width:28px;height:28px;margin-bottom:5px;color:#4ade80}.review-empty strong{color:#b6b0bd;font-size:11px}.review-empty span{font-size:8px}.reset-dialog{display:flex;width:min(430px,calc(100vw - 32px));padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:23px;background:radial-gradient(circle at 80% 0%,rgba(244,63,94,.07),transparent 15rem),#181a23;box-shadow:inset 0 1px #ffffff09,0 30px 90px #00000073;align-items:center;flex-direction:column;text-align:center;animation:reset-arrive .2s cubic-bezier(.16,1,.3,1)}.reset-dialog-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border:1px solid rgba(244,63,94,.2);border-radius:17px;background:#f43f5e14;color:#fb7185}.reset-dialog-icon svg{width:20px;height:20px}.reset-dialog h2{margin:0;color:#eeeaf3;font-size:18px;font-weight:650;letter-spacing:-.03em}.reset-dialog p{margin:12px 0 0;color:#898491;font-size:10px;line-height:1.6}.reset-dialog>div{display:flex;width:100%;justify-content:center;gap:9px;margin-top:24px}.is-spinning{animation:orbit-spin 1s linear infinite}.privacy-card p,.sidebar-signature,.journey-node small,.journey-footer p,.floating-chip small,.song-preview-header small,.song-preview-row small,.song-preview-more,.song-preview-footer,.progress-block small,.review-note p,.group-preview-row small,.download-secondary-actions button,.help-footer p,.tone-list-item small,.review-toolbar>button:not([data-slot=button]),.review-table th,.review-table td>small,.review-table td>em,.result-status,.empty-value{font-size:9px}.help-tabs button,.help-steps p,.help-reason blockquote span,.review-table td>strong{font-size:10px}.analysis-results-stage{padding:clamp(24px,3.2vw,48px);overflow:auto}.analysis-results-shell{width:min(1120px,100%);margin:0 auto;padding-bottom:20px}.analysis-results-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px}.analysis-results-header>div:first-child{max-width:680px}.analysis-results-header .stage-kicker{margin-bottom:14px}.analysis-results-header h2{font-size:clamp(34px,4vw,54px)}.analysis-results-header>div:first-child>p:last-child{max-width:660px;margin:16px 0 0;color:#928d9b;font-size:13px;line-height:1.65}.analysis-results-actions{display:flex;min-width:220px;align-items:stretch;flex-direction:column;gap:9px}.analysis-results-actions>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#ffffff06}.analysis-results-actions>div:first-child strong{color:#ded9e6;font-size:15px}.analysis-results-actions>div:first-child span{color:#716c79;font-size:10px}.needs-audio-count{display:flex;align-items:center;gap:7px;min-height:35px;padding:8px 10px;border:1px solid rgba(245,158,11,.17);border-radius:11px;background:#f59e0b0e;color:#d1a663;font-size:10px;line-height:1.4}.needs-audio-count svg{flex:0 0 auto;width:13px;height:13px}.analysis-correction-link{min-height:30px;border:0;background:transparent;color:#77717f;font-size:10px;text-decoration:underline;text-decoration-color:#ffffff1a;text-underline-offset:3px;cursor:pointer}.analysis-correction-link:hover{color:#aaa2b2}.analysis-results-error{display:flex;align-items:flex-start;gap:8px;margin-top:18px}.spotify-pause-notice{margin-top:20px;padding:clamp(18px,2.4vw,26px);border:1px solid rgba(245,158,11,.24);border-radius:20px;background:radial-gradient(circle at 10% 0%,rgba(245,158,11,.1),transparent 38%),#f59e0b0b;color:#d3c7b7}.spotify-pause-heading{display:flex;align-items:flex-start;gap:14px}.spotify-pause-heading>span{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border:1px solid rgba(245,158,11,.24);border-radius:12px;background:#f59e0b17;color:#f4b548}.spotify-pause-heading>span svg{width:17px;height:17px}.spotify-pause-heading small{display:block;margin-bottom:5px;color:#e7a93f;font-size:9px;font-weight:750;letter-spacing:.13em}.spotify-pause-heading h3{margin:0;color:#f4f1f6;font-size:clamp(18px,2vw,23px);line-height:1.15}.spotify-pause-heading p,.spotify-pause-guidance p{margin:7px 0 0;color:#a9a0ab;font-size:11px;line-height:1.65}.spotify-pause-guidance{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:18px;margin-left:52px}.spotify-pause-guidance>div{padding:14px 15px;border:1px solid rgba(74,222,128,.14);border-radius:14px;background:#4ade8009}.spotify-pause-guidance>div.is-warning{border-color:#f8717126;background:#f8717109}.spotify-pause-guidance strong{color:#c7ddcf;font-size:11px}.spotify-pause-guidance .is-warning strong{color:#deb1b1}.standalone-audio-explainer{display:flex;align-items:flex-start;gap:10px;margin-top:25px;padding:14px 16px;border:1px solid rgba(74,222,128,.12);border-radius:15px;background:#4ade8009}.standalone-audio-explainer>svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px;color:#58c982}.standalone-audio-explainer p{margin:0;color:#777f7b;font-size:10px;line-height:1.55}.standalone-audio-explainer strong{color:#a9c7b3;font-weight:650}.analysis-process{margin-top:25px;padding:16px;border:1px solid rgba(139,92,246,.13);border-radius:18px;background:linear-gradient(135deg,rgba(139,92,246,.055),transparent 45%),#ffffff05}.analysis-process-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.analysis-process-heading>svg{width:15px;height:15px;color:#a78bfa}.analysis-process-heading>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px}.analysis-process-heading strong{color:#cfc8da;font-size:12px}.analysis-process-heading span{color:#77717f;font-size:10px}.analysis-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.analysis-process li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;min-height:66px;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:#0a0b1138}.analysis-process li.is-optional{border-color:#4ade801f;background:#4ade8006}.analysis-process li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#8b5cf61a;color:#ab8cf1;font-size:8px;font-weight:700}.analysis-process li>div{display:flex;flex-direction:column;gap:4px}.analysis-process li strong{color:#bbb5c4;font-size:10px;line-height:1.35}.analysis-process li small{color:#6e6975;font-size:9px;line-height:1.45}.analysis-song-list{display:flex;margin-top:15px;flex-direction:column;gap:8px}.analysis-song-row{padding:13px 15px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#ffffff06;content-visibility:auto;contain-intrinsic-size:112px}.analysis-song-row.is-review,.analysis-song-row.is-not_found,.analysis-song-row.is-error{border-color:#f59e0b21;background:linear-gradient(90deg,rgba(245,158,11,.035),transparent 35%),#ffffff05}.analysis-song-summary{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(170px,auto);align-items:center;gap:11px}.analysis-song-index{color:#595461;font-size:8px;font-weight:700}.analysis-song-title{display:flex;min-width:0;flex-direction:column;gap:4px}.analysis-song-title strong{overflow:hidden;color:#ded9e5;font-size:13px;font-weight:630;text-overflow:ellipsis;white-space:nowrap}.analysis-song-title small{overflow:hidden;color:#77727e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.analysis-song-key{display:flex;min-width:170px;padding:8px 10px;border:1px solid rgba(139,92,246,.15);border-radius:11px;background:#8b5cf611;flex-direction:column;gap:3px;text-align:right}.analysis-song-key strong{color:#cdbcf4;font-size:12px}.analysis-song-key small{color:#837797;font-size:9px}.analysis-song-key.is-empty{border-color:#f59e0b1f;background:#f59e0b0b}.analysis-song-key.is-empty strong{color:#c5a16a}.analysis-song-details{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:10px 0 0 41px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}.analysis-song-trace{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px 9px}.analysis-source,.analysis-confidence{display:inline-flex;align-items:center;gap:5px;color:#867f8d;font-size:9px}.analysis-source svg{width:10px;height:10px;color:#9b7ae3}.analysis-confidence{padding:3px 6px;border-radius:999px;background:#ffffff09}.analysis-song-trace p{width:100%;margin:0;color:#716c78;font-size:9px;line-height:1.5}.acoustic-method{width:100%;color:#9181b6;font-size:9px}.result-status.is-pending{background:#ffffff0e;color:#8c8792}.acoustic-choice{display:flex;width:min(320px,100%);flex-direction:column;gap:5px}.acoustic-file-button{display:flex;min-height:43px;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(139,92,246,.22);border-radius:12px;background:#8b5cf616;color:#c8b7ee;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.acoustic-file-button:hover{border-color:#a78bfa61;background:#8b5cf621;transform:translateY(-1px)}.acoustic-file-button:has(input:focus-visible){outline:2px solid rgba(167,139,250,.78);outline-offset:3px}.acoustic-file-button.is-busy{cursor:wait}.acoustic-file-button>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.acoustic-file-button>svg{flex:0 0 auto;width:16px;height:16px}.acoustic-file-button>span{display:flex;min-width:0;flex-direction:column;gap:2px}.acoustic-file-button strong{font-size:11px}.acoustic-file-button small{color:#837799;font-size:9px}.acoustic-choice>p{display:flex;align-items:flex-start;gap:5px;margin:0;color:#716b78;font-size:9px;line-height:1.45}.acoustic-choice>p svg,.acoustic-error svg{flex:0 0 auto;width:10px;height:10px;margin-top:1px}.acoustic-error{display:flex;align-items:flex-start;gap:5px;color:#e3a45c;font-size:9px;line-height:1.45}.automatic-result{display:inline-flex;align-items:center;gap:6px;color:#65c989;font-size:10px;white-space:nowrap}.automatic-result svg{width:13px;height:13px}.analysis-results-footer{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:12px 14px;border:1px solid rgba(74,222,128,.11);border-radius:13px;background:#4ade8006}.analysis-results-footer svg{flex:0 0 auto;width:13px;height:13px;margin-top:1px;color:#4ade80}.analysis-results-footer p{margin:0;color:#716d78;font-size:10px;line-height:1.55}.analysis-results-footer strong{color:#a29ca8}.manual-correction-intro{margin:0 0 14px;padding:11px 13px;border:1px solid rgba(139,92,246,.12);border-radius:12px;background:#8b5cf60a;color:#8d8793;font-size:10px;line-height:1.55}.manual-correction summary{color:#8b8391;font-size:10px;cursor:pointer}.manual-correction[open] summary{margin-bottom:8px;color:#b8a8d9}.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}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.size-11{width:2.75rem;height:2.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-9{width:2.25rem;height:2.25rem}.size-\[52px\]{width:52px;height:52px}.h-11{height:2.75rem}.h-2\.5{height:.625rem}.h-9{height:2.25rem}.h-\[52px\]{height:52px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-6{gap:1.5rem}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-width:1px}.border-\[\#8b5cf6\]\/20{border-color:#8b5cf633}.border-\[\#a78bfa\]\/70{border-color:#a78bfab3}.border-\[\#dedce7\]{--tw-border-opacity: 1;border-color:rgb(222 220 231 / var(--tw-border-opacity, 1))}.border-\[\#fb7185\]\/30{border-color:#fb71854d}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/\[\.08\]{border-color:#ffffff14}.bg-\[\#8b5cf6\]\/10{background-color:#8b5cf61a}.bg-\[\#fb7185\]\/10{background-color:#fb71851a}.bg-\[rgba\(22\,24\,33\,\.98\)\]{background-color:#161821fa}.bg-\[rgba\(28\,31\,43\,\.78\)\]{background-color:#1c1f2bc7}.bg-border{background-color:hsl(var(--border))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/\[\.045\]{background-color:#ffffff0b}.bg-white\/\[\.05\]{background-color:#ffffff0d}.bg-white\/\[\.07\]{background-color:#ffffff12}.bg-\[linear-gradient\(180deg\,\#9568f6_0\%\,\#7c3aed_100\%\)\]{background-image:linear-gradient(180deg,#9568f6,#7c3aed)}.bg-\[linear-gradient\(90deg\,\#7c3aed\,\#a855f7\,\#3b82f6\)\]{background-image:linear-gradient(90deg,#7c3aed,#a855f7,#3b82f6)}.p-0{padding:0}.p-1{padding:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pr-8{padding-right:2rem}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.text-\[\#242130\]{--tw-text-opacity: 1;color:rgb(36 33 48 / var(--tw-text-opacity, 1))}.text-\[\#9c98aa\]{--tw-text-opacity: 1;color:rgb(156 152 170 / var(--tw-text-opacity, 1))}.text-\[\#a78bfa\]{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-\[\#c4b5fd\]{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-\[\#ebe9f2\]{--tw-text-opacity: 1;color:rgb(235 233 242 / var(--tw-text-opacity, 1))}.text-\[\#eeeaf5\]{--tw-text-opacity: 1;color:rgb(238 234 245 / var(--tw-text-opacity, 1))}.text-\[\#f5f3f8\]{--tw-text-opacity: 1;color:rgb(245 243 248 / var(--tw-text-opacity, 1))}.text-\[\#fda4af\]{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow-\[0_0_18px_rgba\(139\,92\,246\,\.5\)\]{--tw-shadow: 0 0 18px rgba(139,92,246,.5);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(28\,25\,43\,\.04\)\]{--tw-shadow: 0 1px 2px rgba(28,25,43,.04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_55px_rgba\(0\,0\,0\,\.48\)\]{--tw-shadow: 0 20px 55px rgba(0,0,0,.48);--tw-shadow-colored: 0 20px 55px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.025\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.025);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.035\)\,0_18px_55px_rgba\(0\,0\,0\,\.24\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.24);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 18px 55px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.035\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.035);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.24\)\,0_12px_30px_rgba\(124\,58\,237\,\.3\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.24),0 12px 30px rgba(124,58,237,.3);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,background-color\,border-color\,box-shadow\,color\,opacity\]{transition-property:transform,background-color,border-color,box-shadow,color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-500{animation-duration:.5s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}@keyframes loading-breathe{0%,to{transform:scale(1);box-shadow:0 14px 34px #7c3aed47}50%{transform:scale(1.04);box-shadow:0 18px 42px #7c3aed61}}@keyframes stage-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes line-travel{0%{transform:translateY(-100%)}55%,to{transform:translateY(100%)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{transform:scale(1);box-shadow:inset 0 1px #ffffff40,0 0 0 18px #8b5cf60e,0 25px 65px #7c3aed52}50%{transform:scale(1.035);box-shadow:inset 0 1px #ffffff40,0 0 0 25px #8b5cf609,0 30px 75px #7c3aed63}}@keyframes confetti-drift{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-10px) rotate(35deg);opacity:1}}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-arrive{0%{opacity:0;transform:translate(24px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes reset-arrive{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1600px){.tonalizer-app{padding:18px}.workspace-header{min-height:88px;padding-right:31px;padding-left:34px}.chapter-stage{padding-right:clamp(60px,5.2vw,90px);padding-left:clamp(60px,5.2vw,90px)}}@media(max-width:1180px){.tonalizer-app{padding:10px}.workspace-header{grid-template-columns:minmax(160px,1fr) auto minmax(86px,1fr);gap:9px;padding-right:12px;padding-left:12px}.header-step-button{min-width:112px}.header-step-copy small,.save-status{display:none}.chapter-stage{padding:30px}.export-stage,.upload-stage,.mapping-stage,.analyze-ready-stage,.analysis-running,.analysis-status-stage,.empty-download-stage,.finished-stage,.download-ready-stage{gap:30px}.export-stage{grid-template-columns:minmax(320px,.85fr) minmax(390px,1.15fr)}.floating-chip-one{right:-1%}.floating-chip-two{left:-2%}}@media(max-width:900px){html,body,#root{overflow:hidden}.tonalizer-app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);padding:8px}.home-screen{padding:12px}.workspace-header{grid-template-columns:52px minmax(0,1fr) 44px;gap:8px;min-height:70px;padding:8px 10px}.workspace-header .app-brand{padding:0 4px}.workspace-header .app-brand-copy{display:none}.header-step-nav{width:100%}.header-step-button{flex:1 1 0;justify-content:center;min-width:0;min-height:44px;padding:5px 7px}.header-step-copy small{display:none}.workspace-header-actions{gap:0}.workspace-header .help-button{width:40px;justify-content:center;padding:0;font-size:0}.app-sidebar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:10px 12px;border-radius:18px}.app-brand{padding:0}.app-brand-mark{width:39px;height:39px;border-radius:12px}.sidebar-section-label,.sidebar-spacer,.privacy-card,.sidebar-signature{display:none}.chapter-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.chapter-nav-item{display:flex;min-height:46px;align-items:center;gap:8px;padding:5px 8px;border-radius:13px}.chapter-nav-item.is-active{box-shadow:inset 0 -2px #8b5cf6}.chapter-nav-rail{flex:0 0 auto;align-self:auto}.chapter-nav-icon{width:30px;height:30px;border-radius:9px}.chapter-connector,.chapter-nav-copy small,.chapter-nav-copy span,.chapter-nav-arrow{display:none}.chapter-nav-copy strong{margin:0;font-size:10px}.app-main{border-radius:19px}.chapter-stage{padding:28px;overflow:auto}.export-stage,.upload-stage,.mapping-stage,.analyze-ready-stage,.analysis-running,.analysis-status-stage,.empty-download-stage,.finished-stage,.download-ready-stage{grid-template-columns:1fr;align-content:center;gap:35px}.export-visual,.analysis-orbit,.status-illustration,.empty-download-visual,.celebration-visual{display:none}.upload-zone{min-height:285px}.song-preview-card,.download-dashboard,.mapping-panel,.upload-zone-wrap{max-width:none}.analysis-results-stage{padding:26px}.analysis-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}.tonalizer-app{width:100%;min-height:0;height:100dvh;grid-template-rows:minmax(0,1fr);overflow:hidden}.home-screen{display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto}.home-artwork{width:min(100%,440px);min-height:min(760px,calc(100dvh - 24px));aspect-ratio:auto;border-radius:clamp(24px,7vw,32px);background:radial-gradient(circle at 72% 64%,rgba(124,58,237,.25),transparent 42%),radial-gradient(circle at 18% 3%,rgba(139,92,246,.18),transparent 32%),linear-gradient(155deg,#0d0e16,#11101e 52%,#0b0d15);box-shadow:inset 0 1px #ffffff0d,0 28px 70px #00000059}.home-artwork:before,.home-artwork:after{position:absolute;pointer-events:none;content:""}.home-artwork:before{right:-48%;bottom:10%;width:138%;aspect-ratio:1;border:1px solid rgba(139,92,246,.12);border-radius:50%;box-shadow:0 0 0 48px #8b5cf609,0 0 0 98px #8b5cf606,0 0 0 150px #8b5cf605}.home-artwork:after{right:-15%;bottom:-1%;left:-18%;height:28%;opacity:.42;background:repeating-radial-gradient(ellipse at 30% 120%,transparent 0 10px,rgba(124,58,237,.26) 11px 12px);-webkit-mask-image:linear-gradient(to top,black,transparent 84%);mask-image:linear-gradient(to top,black,transparent 84%);transform:rotate(-5deg)}.home-artwork>picture,.home-step-nav{display:none}.home-mobile-hero{position:relative;z-index:2;display:flex;min-height:inherit;padding:clamp(28px,8vw,42px) clamp(22px,7vw,32px);flex-direction:column}.home-mobile-brand{display:flex;align-items:center;gap:13px}.home-mobile-brand>span{position:relative;display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid rgba(196,181,253,.38);border-radius:15px;background:radial-gradient(circle at 22% 15%,rgba(255,255,255,.32),transparent 31%),linear-gradient(145deg,#9b72f8,#7134dc 72%);box-shadow:inset 0 1px #ffffff3d,0 12px 30px #7c3aed4d}.home-mobile-brand svg{width:23px;height:23px}.home-mobile-brand strong{color:#faf9fc;font-size:clamp(22px,6vw,27px);font-weight:750;letter-spacing:-.055em}.home-mobile-brand i{color:#8b5cf6;font-style:normal}.home-mobile-copy{margin-top:clamp(54px,14vw,78px)}.home-mobile-copy p,.home-mobile-copy strong{display:block;margin:0;font-size:clamp(42px,12vw,57px);font-weight:750;letter-spacing:-.065em;line-height:.97}.home-mobile-copy p{color:#f7f5fa}.home-mobile-copy strong{margin-top:8px;color:#8b5cf6;background:linear-gradient(135deg,#a78bfa,#7c3aed 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-mobile-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(7px,2.5vw,12px);margin-top:auto;padding-top:clamp(54px,15vw,82px)}.home-mobile-step{position:relative;display:flex;min-width:0;min-height:122px;align-items:center;justify-content:center;padding:13px 5px 12px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(155deg,rgba(255,255,255,.045),transparent),#0b0c14b3;box-shadow:inset 0 1px #ffffff09,0 14px 35px #0003;flex-direction:column;gap:12px;color:#8a8491;cursor:pointer;touch-action:manipulation}.home-mobile-step:after{position:absolute;top:50%;right:calc(-1*clamp(10px,3vw,16px));width:clamp(12px,4vw,20px);height:1px;background:#8b5cf657;content:""}.home-mobile-step:last-child:after{display:none}.home-mobile-step>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.home-mobile-step svg{width:22px;height:22px}.home-mobile-step strong{color:#b9b4c1;font-size:clamp(10px,3.1vw,13px);font-weight:600}.home-mobile-step.is-export{color:#8b82de}.home-mobile-step.is-download{color:#3da67d}.home-mobile-step.is-active{border-color:#a78bfad1;background:radial-gradient(circle at 50% 36%,rgba(139,92,246,.24),transparent 63%),#2a1e46b8;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 32px #7c3aed52;transform:translateY(-7px)}.home-mobile-step.is-active>span{border-color:#c4b5fd6b;background:linear-gradient(145deg,#9867f8,#6d28d9);box-shadow:0 9px 24px #7c3aed54}.home-mobile-step.is-active strong{color:#fff}.home-mobile-step:focus-visible{outline:3px solid rgba(196,181,253,.92);outline-offset:4px}.home-mobile-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:25px 0 0;color:#716b7a;font-size:10px;font-weight:550;letter-spacing:.025em}.home-mobile-hint svg{width:12px;height:12px}.workspace-header{grid-template-areas:"brand spacer actions" "steps steps steps";grid-template-columns:44px minmax(0,1fr) 44px;gap:7px 9px;min-height:0;padding:8px}.workspace-header .app-brand{grid-area:brand;display:flex}.header-step-nav{grid-area:steps}.workspace-header-actions{grid-area:actions}.header-step-button{gap:6px}.header-step-icon{width:30px;height:30px;border-radius:9px}.header-step-copy strong{font-size:10px}.app-sidebar{grid-template-columns:1fr;gap:8px}.app-brand{display:none}.chapter-nav-item{justify-content:center}.chapter-nav-copy{display:none}.chapter-stage{padding:24px 20px}.chapter-stage h2{font-size:36px}.analysis-results-stage{padding:22px 14px}.analysis-results-header{grid-template-columns:1fr;align-items:stretch;gap:18px}.analysis-results-header h2{font-size:36px}.analysis-results-actions{min-width:0}.spotify-pause-heading{gap:10px}.spotify-pause-heading>span{width:34px;height:34px}.spotify-pause-guidance{grid-template-columns:1fr;margin-left:0}.analysis-process{padding:13px}.analysis-process-heading>div{align-items:flex-start;flex-direction:column}.analysis-process ol{grid-template-columns:1fr}.analysis-process li{min-height:0}.analysis-song-row{padding:12px}.analysis-song-summary{grid-template-columns:27px minmax(0,1fr);gap:8px}.analysis-song-key{grid-column:2;width:-moz-fit-content;width:fit-content;min-width:min(210px,100%);text-align:left}.analysis-song-details{grid-template-columns:1fr;align-items:stretch;margin-left:35px}.acoustic-choice{width:100%}.automatic-result{white-space:normal}.stage-actions,.download-primary-action{align-items:stretch;flex-direction:column;gap:10px}.stage-actions [data-slot=button],.download-primary-action [data-slot=button]{width:100%}.text-action{justify-content:center}.upload-zone{min-height:250px;padding:28px 20px}.mapping-panel label{grid-template-columns:1fr;gap:9px}.mapping-example{grid-template-columns:1fr;gap:4px}.mapping-example small{grid-column:1}.group-preview-list{grid-template-columns:1fr}.result-score{grid-template-columns:90px minmax(0,1fr)}.score-ring{width:78px;height:78px}.dialog-layer{align-items:flex-end;padding:6px}.help-drawer,.detail-drawer,.detail-drawer.is-wide{width:100%;height:min(88dvh,720px);border-radius:22px 22px 16px 16px}.drawer-handle{display:block;position:absolute;z-index:3;top:8px;left:50%;width:34px;height:3px;border-radius:999px;background:#ffffff29;transform:translate(-50%)}.help-header{padding-top:23px}.help-navigation{grid-template-columns:1fr}.help-tutorial-link{min-height:36px}.review-toolbar{flex-wrap:wrap}.review-toolbar>[data-slot=button]{width:100%;margin:3px 0 0}.review-table{min-width:760px}.review-table-wrap{overflow:auto}.reset-dialog>div{flex-direction:column-reverse}.reset-dialog [data-slot=button]{width:100%}}@media(max-width:360px){.home-step-button{min-width:44px}.header-step-button{gap:0;padding-right:4px;padding-left:4px}.header-step-copy{display:none}}@media(max-height:820px)and (min-width:901px){.home-artwork{width:min(82vw,1260px)}}@media(max-height:740px)and (min-width:901px){.tonalizer-app{padding:9px}.workspace-header{min-height:70px;padding-top:7px;padding-bottom:7px}.header-step-button{min-height:44px}.chapter-stage{padding-top:25px;padding-bottom:25px}.stage-kicker{margin-bottom:14px}.stage-description,.upload-copy>p:not(.stage-kicker),.mapping-copy>p:not(.stage-kicker),.status-copy>p:not(.stage-kicker),.download-summary>p:not(.stage-kicker),.analysis-copy>p:not(.stage-kicker){margin-top:15px}.stage-actions,.download-primary-action{margin-top:24px}.calm-note,.review-note{margin-top:25px}.export-visual{height:min(430px,65vh);min-height:350px}.upload-zone{min-height:min(320px,50vh)}.song-preview-row{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.placeholder\:text-\[\#9893a5\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(152 147 165 / var(--tw-text-opacity, 1))}.placeholder\:text-\[\#9893a5\]::placeholder{--tw-text-opacity: 1;color:rgb(152 147 165 / var(--tw-text-opacity, 1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#fb7185\]\/45:hover{border-color:#fb718573}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-\[\#fb7185\]\/15:hover{background-color:#fb718526}.hover\:bg-white\/\[\.055\]:hover{background-color:#ffffff0e}.hover\:bg-white\/\[\.075\]:hover{background-color:#ffffff13}.hover\:bg-\[linear-gradient\(180deg\,\#a178fb_0\%\,\#8647ee_100\%\)\]:hover{background-image:linear-gradient(180deg,#a178fb,#8647ee)}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.28\)\,0_16px_36px_rgba\(124\,58\,237\,\.4\)\]:hover{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 16px 36px rgba(124,58,237,.4);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 16px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:bg-\[\#8b5cf6\]\/15:focus{background-color:#8b5cf626}.focus\:text-\[\#c4b5fd\]:focus{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.focus-visible\:border-\[\#8174dc\]:focus-visible{--tw-border-opacity: 1;border-color:rgb(129 116 220 / var(--tw-border-opacity, 1))}.focus-visible\:border-\[\#8b5cf6\]:focus-visible{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[\#6252d8\]\/10:focus-visible{--tw-ring-color: rgb(98 82 216 / .1)}.focus-visible\:ring-\[\#8b5cf6\]\/15:focus-visible{--tw-ring-color: rgb(139 92 246 / .15)}.focus-visible\:ring-\[\#8b5cf6\]\/25:focus-visible{--tw-ring-color: rgb(139 92 246 / .25)}.active\:translate-y-0:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[size\=default\]\:h-11[data-size=default]{height:2.75rem}.data-\[size\=sm\]\:h-9[data-size=sm]{height:2.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placeholder\]\:text-\[\#777383\][data-placeholder]{--tw-text-opacity: 1;color:rgb(119 115 131 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot=select-value]>*{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\*\:data-\[slot\=select-value\]\:flex[data-slot=select-value]>*{display:flex}.\*\:data-\[slot\=select-value\]\:items-center[data-slot=select-value]>*{align-items:center}.\*\:data-\[slot\=select-value\]\:gap-2[data-slot=select-value]>*{gap:.5rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-\[\#9d98aa\] svg{--tw-text-opacity: 1;color:rgb(157 152 170 / var(--tw-text-opacity, 1))}