:root{color-scheme:dark;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--night: #050a1b;--night-raised: #09132d;--surface: #0c1837;--surface-soft: #101e42;--line: rgba(160, 181, 235, .16);--line-strong: rgba(129, 161, 255, .32);--text: #f4f6ff;--muted: #aeb9d8;--faint: #7785ad;--electric: #4f8cff;--electric-bright: #6ea3ff;--lilac: #b9a5ff;--purple: #6f4be8;--safe-bottom: env(safe-area-inset-bottom, 0px);--bottom-navigation-height: 58px}*{box-sizing:border-box}html{min-width:320px;height:100%;background:var(--night);overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;min-width:320px;height:100%;overflow:clip;color:var(--text);background:radial-gradient(circle at 88% -4%,rgba(91,89,200,.25),transparent 34rem),linear-gradient(160deg,#07112d 0%,var(--night) 50%,#060b1f 100%);overscroll-behavior:none}#root{height:100%}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--electric-bright);outline-offset:3px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.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-shell{height:100vh;height:100dvh;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:none;scroll-padding-bottom:calc(var(--bottom-navigation-height) + 28px + var(--safe-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-shell::-webkit-scrollbar{display:none}.app-main{width:min(100%,760px);margin:0 auto;padding-bottom:calc(var(--bottom-navigation-height) + 28px + var(--safe-bottom))}.app-shell--with-player .app-main{padding-bottom:calc(var(--bottom-navigation-height) + 94px + var(--safe-bottom))}.pull-to-refresh{--pull-distance: 0px;position:fixed;z-index:25;top:max(6px,env(safe-area-inset-top));left:50%;display:flex;min-height:38px;align-items:center;gap:7px;color:#c8d6fb;font-size:.68rem;font-weight:700;opacity:0;pointer-events:none;transform:translate3d(-50%,calc(-54px + var(--pull-distance)),0);transition:opacity .16s ease,transform .22s cubic-bezier(.22,.7,.2,1)}.pull-to-refresh--pulling,.pull-to-refresh--ready,.pull-to-refresh--refreshing{opacity:1}.pull-to-refresh--pulling,.pull-to-refresh--ready{transition:none}.pull-to-refresh__icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid rgba(139,174,255,.34);border-radius:50%;color:#b9a5ff;background:linear-gradient(145deg,#244da8f5,#452b8bf5);box-shadow:0 8px 24px #02081d6b}.pull-to-refresh--ready .pull-to-refresh__icon svg{transform:rotate(180deg)}.pull-to-refresh--refreshing .pull-to-refresh__icon svg{animation:pull-refresh-spin .9s linear infinite}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}.screen{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 16px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:18px;color:var(--lilac);font-size:.86rem;letter-spacing:.02em}.app-header form{margin:0}.app-header__logout{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 2px 0 10px;border:0;background:transparent;color:#aeb9d7;font:inherit;font-size:.78rem;cursor:pointer}.app-header__logout:focus-visible{border-radius:10px;outline:2px solid var(--electric-blue);outline-offset:2px}.home-hero{position:relative;display:flex;min-height:310px;align-items:flex-end;overflow:hidden;margin:0 -16px;padding:24px 16px 28px;border-bottom:1px solid var(--line)}.home-hero>.artwork-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;opacity:.82}.home-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050a1b0f 5%,#050a1b47 42%,#06102b)}.home-hero__copy{position:relative;z-index:1;max-width:21rem}.home-hero__copy>p:first-child{margin:0 0 6px;color:#e5e9f8;font-size:.93rem}.home-hero h1,.screen-heading h1{margin:0;font-size:clamp(2.15rem,10vw,3.1rem);line-height:.98;letter-spacing:-.045em}.home-hero h1 span{color:var(--lilac)}.home-hero__copy>p:last-child,.screen-heading p{margin:13px 0 0;color:#c4cce1;font-size:.95rem;line-height:1.55}.primary-action{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--electric) 0%,#4778f7 100%);box-shadow:0 12px 28px #225be93d;font-size:.94rem;font-weight:700;cursor:pointer}.primary-action:disabled{cursor:wait;opacity:.65}.primary-action--quiet{margin-top:18px;border:1px solid rgba(117,153,255,.26);background:#1932696b;box-shadow:none}.content-section{margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading p{margin:0 0 5px;color:var(--electric-bright);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.section-heading h2,.recent-searches h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}.section-heading>button{display:inline-flex;min-height:42px;align-items:center;gap:5px;padding:0;border:0;color:var(--lilac);background:transparent;font-size:.78rem;cursor:pointer}.song-list{display:grid;gap:10px}.song-card{position:relative;min-width:0}.song-card__open{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.song-card__open:focus-visible{outline:2px solid var(--electric-bright);outline-offset:3px}.song-card--row{display:grid;grid-template-columns:72px minmax(0,1fr) 22px;align-items:center;gap:13px;min-height:92px;padding:10px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(130deg,#101f45f0,#0a1634c7)}.song-card__artwork{display:block;aspect-ratio:1;width:100%;border-radius:10px;background:var(--surface-soft)}.artwork-placeholder{--artwork-deep: #071433;--artwork-mid: #1d3f91;--artwork-glow: #7087ff;--artwork-accent: #c5a6ff;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--artwork-glow) 82%,transparent) 0 7%,transparent 28%),radial-gradient(circle at 24% 76%,color-mix(in srgb,var(--artwork-accent) 55%,transparent) 0,transparent 36%),linear-gradient(145deg,var(--artwork-mid),var(--artwork-deep) 70%)}.artwork-placeholder:before,.artwork-placeholder:after{position:absolute;z-index:-1;content:""}.artwork-placeholder:before{top:12%;left:-18%;width:78%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--artwork-accent) 58%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--artwork-glow) 7%,transparent),0 0 34px color-mix(in srgb,var(--artwork-glow) 34%,transparent);transform:rotate(-18deg)}.artwork-placeholder:after{right:-22%;bottom:10%;width:92%;height:28%;border-radius:50%;background:linear-gradient(90deg,transparent,var(--artwork-accent),transparent);filter:blur(5px);opacity:.48;transform:rotate(-15deg)}.artwork-placeholder--tide{--artwork-deep: #071d3d;--artwork-mid: #14538b;--artwork-glow: #36b8ff;--artwork-accent: #91e6ff}.artwork-placeholder--orbit{--artwork-deep: #110c35;--artwork-mid: #4a2f88;--artwork-glow: #a86cff;--artwork-accent: #e1c4ff}.artwork-placeholder--horizon{--artwork-deep: #09152f;--artwork-mid: #243a82;--artwork-glow: #407eff;--artwork-accent: #dd78e8}.artwork-placeholder--pulse{--artwork-deep: #160b37;--artwork-mid: #56307f;--artwork-glow: #da5dff;--artwork-accent: #ff9ecb}.song-card__copy{min-width:0}.song-card h3{overflow:hidden;margin:0;font-size:.9rem;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.song-card p{margin:3px 0 7px;color:var(--muted);font-size:.75rem}.song-card__chevron{color:var(--muted)}.sync-label{display:inline-flex;align-items:center;gap:5px;color:#91a1c7;font-size:.65rem;line-height:1.25}.song-card__audio-state{display:block;margin:-2px 0 5px;color:var(--lilac);font-size:.68rem}.screen-heading{display:flex;align-items:flex-start;gap:12px;margin:26px 0 28px}.screen-heading--stacked{margin-bottom:22px}.screen-heading__icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border:1px solid rgba(143,161,242,.26);border-radius:12px;color:var(--lilac);background:#5642a12b}.screen-heading p{max-width:30rem}.composition-form{display:grid;gap:18px}.composition-form label{display:grid;gap:8px;color:#e3e8f8;font-size:.81rem;font-weight:650}.composition-form input,.composition-form textarea,.composition-form select{width:100%;min-height:51px;border:1px solid var(--line-strong);border-radius:13px;padding:13px 14px;color:var(--text);background:#081432e0;font-size:1rem;font-weight:400}.composition-form input::placeholder,.composition-form textarea::placeholder{color:#7180aa}.composition-form small{color:var(--faint);font-size:.7rem;font-weight:400;line-height:1.45}.creative-fields{display:grid;gap:20px;padding:20px 18px;border:1px solid rgba(131,156,230,.2);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(111,75,232,.14),transparent 13rem),#091430ad}.composition-form .composition-title-field input{min-height:58px;padding:10px 0 12px;border-width:0 0 1px;border-radius:0;background:transparent;font-size:clamp(1.25rem,6vw,1.7rem);font-weight:650;letter-spacing:-.025em}.composition-theme-field small{max-width:28rem}.lyric-status-fieldset{min-width:0;margin:0;padding:0;border:0}.lyric-status-fieldset legend{margin-bottom:10px;color:#e3e8f8;font-size:.78rem;font-weight:650}.lyric-status-options{display:flex;flex-wrap:wrap;gap:8px}.lyric-status-options button,.song-section-toolbar button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#0b193ab8;font-size:.72rem;font-weight:600;cursor:pointer}.lyric-status-options button{padding:0 13px}.lyric-status-options button[aria-pressed=true]{border-color:#6ea3ff85;color:#eef3ff;background:linear-gradient(135deg,#4f8cff4d,#6f4be840)}.lyrics-editor{overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:#07112ac7;box-shadow:0 18px 48px #00041433}.lyrics-editor__heading,.technical-details__heading{padding:18px 18px 12px}.lyrics-editor__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lyrics-history-trigger{display:inline-flex;flex:0 0 auto;min-height:40px;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(128,157,235,.2);border-radius:11px;color:var(--muted);background:#12234ba3;font-size:.7rem;font-weight:650;cursor:pointer}.lyrics-editor__heading h2,.technical-details__heading h2,.melody-idea h2{margin:0;font-size:1rem;letter-spacing:-.01em}.lyrics-editor__heading p,.technical-details__heading p,.melody-idea p{margin:5px 0 0;color:var(--faint);font-size:.72rem;line-height:1.5}.song-section-toolbar{display:flex;gap:7px;overflow-x:auto;padding:0 18px 13px;scrollbar-width:none}.song-section-toolbar::-webkit-scrollbar{display:none}.song-section-toolbar button{flex:0 0 auto;min-height:42px;padding:0 11px;border-radius:11px;background:#11234db3;font-size:.69rem}.composition-form .lyrics-editor textarea{min-height:310px;padding:20px 18px 28px;border:0;border-top:1px solid var(--line);border-radius:0;resize:vertical;background:linear-gradient(#07112aeb,#07112aeb),repeating-linear-gradient(180deg,transparent 0 27px,rgba(129,161,255,.1) 27px 28px);font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.75}.project-lyrics-back{display:inline-flex;min-height:42px;align-items:center;gap:7px;margin-top:12px;padding:0 4px;border:0;color:var(--muted);background:transparent;font-size:.74rem;font-weight:650;cursor:pointer}.project-lyrics-heading{margin:20px 0 22px}.project-lyrics-heading>span{color:var(--electric-bright);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-lyrics-heading h1{margin:6px 0 0;font-size:clamp(1.7rem,8vw,2.4rem);letter-spacing:-.04em}.project-lyrics-heading p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.project-lyrics-editor{display:grid;gap:10px}.project-lyrics-editor .lyrics-editor textarea{width:100%;min-height:min(52dvh,480px);padding:20px 18px 28px;border:0;border-top:1px solid var(--line);border-radius:0;outline:0;resize:vertical;color:var(--text);background:linear-gradient(#07112aeb,#07112aeb),repeating-linear-gradient(180deg,transparent 0 27px,rgba(129,161,255,.1) 27px 28px);font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.75}.lyrics-save-state{display:flex;min-height:28px;align-items:center;gap:6px;padding:0 3px;color:var(--faint);font-size:.69rem}.lyrics-save-state--saved{color:#9fb8ef}.lyrics-save-state--error,.lyrics-history-error{color:#ffc5d8}.lyrics-restore-feedback{margin:0;padding:10px 12px;border:1px solid rgba(119,156,242,.22);border-radius:12px;color:#cbd8fa;background:#192f638a;font-size:.74rem}.lyrics-history-backdrop{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:max(20px,env(safe-area-inset-top));background:#020612c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:key-sheet-backdrop-in .18s ease-out}.lyrics-history-sheet{width:min(100%,520px);max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));overflow-y:auto;overscroll-behavior:contain;padding:10px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid rgba(151,174,231,.2);border-bottom:0;border-radius:26px 26px 0 0;color:var(--text);background:radial-gradient(circle at 92% 0,rgba(111,75,232,.2),transparent 16rem),linear-gradient(180deg,#0d1937,#080f25);box-shadow:0 -24px 70px #00020e8a;scrollbar-width:none;animation:key-sheet-in .22s cubic-bezier(.22,.7,.2,1)}.lyrics-history-sheet::-webkit-scrollbar{display:none}.lyrics-history-sheet__handle{width:42px;height:4px;margin:0 auto 16px;border-radius:999px;background:#b8c6eb4d}.lyrics-history-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.lyrics-history-sheet__header span{color:var(--electric-bright);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.lyrics-history-sheet__header h2{margin:5px 0 0;font-size:1.16rem;letter-spacing:-.025em}.lyrics-history-sheet__header>button{display:grid;flex:0 0 auto;width:42px;min-height:42px;place-items:center;border:0;border-radius:13px;color:var(--muted);background:#1d2d54bd;cursor:pointer}.lyrics-history-manual,.lyrics-history-restore,.lyrics-history-detail__back{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;font-size:.73rem;font-weight:700;cursor:pointer}.lyrics-history-manual{width:100%;color:#eef3ff;background:linear-gradient(135deg,#3465d3bd,#583ba9b8)}.lyrics-history-list{display:grid;gap:9px;margin-top:14px}.lyrics-history-version{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:14px;border:1px solid rgba(132,160,231,.16);border-radius:14px;color:var(--text);text-align:left;background:#0d1c40b8;cursor:pointer}.lyrics-history-version__source{color:var(--lilac);font-size:.7rem;font-weight:700}.lyrics-history-version__source--before_restore{color:#ffc2df}.lyrics-history-version time,.lyrics-history-detail time{color:var(--faint);font-size:.66rem}.lyrics-history-version p{grid-column:1 / -1;overflow:hidden;margin:3px 0 0;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:.76rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.lyrics-history-empty{display:grid;justify-items:center;padding:28px 16px 12px;color:var(--faint);text-align:center}.lyrics-history-empty h3{margin:10px 0 0;color:var(--text);font-size:.9rem}.lyrics-history-empty p,.lyrics-history-loading,.lyrics-history-error{margin:7px 0 0;font-size:.72rem;line-height:1.5}.lyrics-history-detail__back{justify-content:flex-start;padding:0 4px;color:var(--muted);background:transparent}.lyrics-history-detail__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--lilac);font-size:.72rem;font-weight:700}.lyrics-history-detail__content{min-height:180px;margin:12px 0 14px;padding:17px;border:1px solid rgba(132,160,231,.16);border-radius:14px;color:#e8edfb;white-space:pre-wrap;background:#07112ac2;font-family:Georgia,Times New Roman,serif;font-size:.88rem;line-height:1.7}.lyrics-history-restore{width:100%;color:#fff;background:linear-gradient(135deg,var(--electric),var(--purple))}.lyrics-history-confirmation__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--lilac);background:#6f4be829}.lyrics-history-confirmation h3{margin:15px 0 0;font-size:1.12rem}.lyrics-history-confirmation p{margin:8px 0 20px;color:var(--muted);font-size:.77rem;line-height:1.55}.lyrics-history-sheet__actions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px}.lyrics-history-sheet__actions button{min-height:50px;border:0;border-radius:13px;color:var(--muted);background:#17274fb8;font-size:.76rem;font-weight:700;cursor:pointer}.lyrics-history-sheet__actions button:last-child{color:#fff;background:linear-gradient(135deg,var(--electric),var(--purple))}.lyrics-history-sheet :disabled{cursor:wait;opacity:.62}.technical-details{border:1px solid rgba(151,174,231,.16);border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(111,75,232,.13),transparent 13rem),#09142fad;box-shadow:0 18px 44px #00041424}.technical-details__fields{display:grid;gap:18px;padding:0 18px 20px}.key-signature-trigger{display:grid;width:100%;min-height:62px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 15px;border:0;border-radius:15px;color:var(--text);background:linear-gradient(135deg,#172b59e0,#131f46b8);box-shadow:inset 0 0 0 1px #8eacf41f;cursor:pointer}.key-signature-trigger__label{color:var(--muted);font-size:.75rem;font-weight:650}.key-signature-trigger strong{overflow:hidden;color:#eef2ff;font-size:.86rem;font-weight:680;text-align:right;text-overflow:ellipsis;white-space:nowrap}.key-signature-trigger svg{color:var(--electric-bright)}.bpm-field{width:100%}.composition-form .bpm-field label{display:grid;width:100%;min-height:62px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 15px;border-radius:15px;background:linear-gradient(135deg,#172b59e0,#131f46b8);box-shadow:inset 0 0 0 1px #8eacf41f}.bpm-field__copy{display:grid;justify-items:start;gap:2px}.bpm-field__copy strong{color:var(--muted);font-size:.75rem;font-weight:650}.composition-form .bpm-field input{width:72px;min-height:44px;padding:0 8px;border-color:#7a9ef53d;border-radius:12px;background:#0d1c40b8;font-size:1rem;font-weight:700;text-align:center}.bpm-field__copy small{color:var(--faint);font-size:.64rem;line-height:1.35}.key-sheet-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:max(24px,env(safe-area-inset-top));background:#020612c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:key-sheet-backdrop-in .18s ease-out}.key-sheet{width:min(100%,520px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(151,174,231,.2);border-bottom:0;border-radius:26px 26px 0 0;background:radial-gradient(circle at 90% 0,rgba(111,75,232,.22),transparent 16rem),linear-gradient(180deg,#0d1937,#080f25);box-shadow:0 -24px 70px #00020e80;animation:key-sheet-in .22s cubic-bezier(.22,.7,.2,1)}.key-sheet__handle{width:42px;height:4px;margin:0 auto 14px;border-radius:999px;background:#b8c6eb4d}.key-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.key-sheet__header h2{margin:0;font-size:1.28rem;letter-spacing:-.025em}.key-sheet__header p{margin:4px 0 0;color:var(--faint);font-size:.72rem}.key-sheet__header button{display:grid;flex:0 0 auto;width:42px;min-height:42px;place-items:center;border:0;border-radius:13px;color:var(--muted);background:#1d2d54bd;cursor:pointer}.key-sheet__mode{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border-radius:14px;background:#050d219e}.key-sheet__mode button,.key-sheet__undefined,.key-sheet__pitch-grid button,.key-sheet__spelling button,.key-sheet__actions button{min-height:44px;border:0;color:var(--muted);background:transparent;font-size:.76rem;font-weight:650;cursor:pointer}.key-sheet__mode button{border-radius:11px}.key-sheet__mode button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#4f8cffd1,#6f4be8c2);box-shadow:0 8px 20px #3054c738}.key-sheet__undefined{width:100%;margin:12px 0 10px;border-radius:12px;background:#14244c9e}.key-sheet__undefined[aria-pressed=true]{color:var(--lilac);box-shadow:inset 0 0 0 1px #b9a5ff57}.key-sheet__pitch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.key-sheet__pitch-grid button{min-height:52px;padding:5px;border-radius:13px;background:#122248b3;box-shadow:inset 0 0 0 1px #91a9e514}.key-sheet__pitch-grid button[aria-pressed=true]{color:#fff;background:linear-gradient(145deg,#3267dbb8,#4f36a0b8);box-shadow:inset 0 0 0 1px #6ea3ff8a,0 8px 22px #122d7a38}.key-sheet__spelling{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--faint);font-size:.7rem}.key-sheet__spelling>div{display:flex;gap:6px}.key-sheet__spelling button{min-width:58px;border-radius:11px;background:#122248ad}.key-sheet__spelling button[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px var(--electric-bright)}.key-sheet__selection{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:0 15px;border-radius:14px;color:var(--faint);background:#08122bb3;font-size:.69rem}.key-sheet__selection strong{color:var(--lilac);font-size:.9rem}.key-sheet__actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px;margin-top:14px}.key-sheet__actions button{min-height:50px;border-radius:13px;background:#17274fb8}.key-sheet__actions button:last-child{color:#fff;background:linear-gradient(135deg,var(--electric),var(--purple));box-shadow:0 10px 26px #3052c43d}@keyframes key-sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes key-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.key-sheet-backdrop,.key-sheet{animation:none}}.melody-idea{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px;border:1px dashed rgba(185,165,255,.28);border-radius:16px;background:linear-gradient(135deg,#20275770,#24144a5c)}.melody-idea__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--lilac);background:#6f4be833}.melody-idea__copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.melody-idea__copy span{color:var(--lilac);font-size:.64rem;font-weight:700}.melody-idea>button{display:inline-flex;grid-column:1 / -1;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(185,165,255,.18);border-radius:12px;color:#8994b5;background:#0d1a3ab8;font-size:.78rem;font-weight:650}.melody-idea>small{grid-column:1 / -1;margin-top:-4px}.composition-form :disabled{cursor:not-allowed;opacity:.62}.draft-save-feedback{display:grid;gap:2px}.draft-save-feedback>p{margin:0;color:var(--faint);font-size:.67rem;line-height:1.4}.draft-cloud-state{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.draft-cloud-state--synced{color:#8db8ff}.draft-cloud-state--error{color:#ff9ba8}.draft-session-state{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;color:var(--faint);font-size:.72rem}.draft-session-state strong{color:#9fb8ef}.draft-session-action,.draft-session-state button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(113,159,255,.38);border-radius:999px;background:#3767dc1a;color:#9fc1ff;font:inherit;font-weight:700;text-decoration:none}.draft-state{display:flex;min-height:26px;align-items:center;gap:6px;color:var(--faint);font-size:.7rem}.draft-state--saved{color:#9fb8ef}.draft-state--error{color:#ffc5d8}.draft-state button{min-height:36px;margin-left:auto;padding:0 11px;border:1px solid currentColor;border-radius:10px;color:inherit;background:transparent;font-size:.69rem;font-weight:700;cursor:pointer}.composer-actions{display:grid;gap:6px}.reset-draft-trigger{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;color:var(--faint);background:transparent;font-size:.74rem;font-weight:650;cursor:pointer}.reset-draft-trigger:hover,.reset-draft-trigger:focus-visible{color:var(--lilac);background:#6f4be817}.reset-draft-backdrop{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:max(24px,env(safe-area-inset-top));background:#020612c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:key-sheet-backdrop-in .18s ease-out}.reset-draft-sheet{width:min(100%,480px);padding:10px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid rgba(151,174,231,.2);border-bottom:0;border-radius:26px 26px 0 0;color:var(--text);background:radial-gradient(circle at 90% 0,rgba(111,75,232,.2),transparent 15rem),linear-gradient(180deg,#0d1937,#080f25);box-shadow:0 -24px 70px #00020e80;animation:key-sheet-in .22s cubic-bezier(.22,.7,.2,1)}.reset-draft-sheet__handle{width:42px;height:4px;margin:0 auto 20px;border-radius:999px;background:#b8c6eb4d}.reset-draft-sheet__icon{display:grid;width:46px;height:46px;margin-bottom:15px;place-items:center;border-radius:14px;color:var(--lilac);background:#6f4be829}.reset-draft-sheet h2{margin:0;font-size:1.24rem;letter-spacing:-.025em}.reset-draft-sheet p{margin:8px 0 20px;color:var(--muted);font-size:.78rem;line-height:1.55}.reset-draft-sheet__actions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px}.reset-draft-sheet__actions button{min-height:50px;border:0;border-radius:13px;color:var(--muted);background:#17274fb8;font-size:.76rem;font-weight:700;cursor:pointer}.reset-draft-sheet__actions button:last-child{color:#ffe5ef;background:linear-gradient(135deg,#7e3469d1,#5b348be0);box-shadow:inset 0 0 0 1px #ffb6d726}.reset-draft-sheet__actions button:disabled{cursor:wait;opacity:.62}@media(prefers-reduced-motion:reduce){.reset-draft-backdrop,.reset-draft-sheet{animation:none}}.creation-note{display:flex;align-items:center;gap:8px;margin-top:-10px;color:var(--faint);font-size:.71rem;line-height:1.4}.form-error,.storage-error{color:#ffd1df;background:#9f225338;border:1px solid rgba(255,114,163,.34);border-radius:14px}.form-error{margin:0;padding:.78rem .9rem;font-size:.82rem;line-height:1.45}.storage-error{margin:0 auto 1rem;max-width:1120px;padding:.72rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.82rem}.storage-error button{min-height:40px;padding:0 .85rem;border:0;border-radius:999px;color:#f5efff;background:#ffffff1f;font:inherit;font-weight:700;cursor:pointer}.segmented-control{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;border-bottom:1px solid var(--line)}.segmented-control button{position:relative;min-height:50px;border:0;color:var(--muted);background:transparent;font-size:.86rem;cursor:pointer}.segmented-control button[aria-pressed=true]{color:var(--electric-bright);font-weight:700}.segmented-control button[aria-pressed=true]:after{position:absolute;right:8px;bottom:-1px;left:8px;height:3px;border-radius:3px 3px 0 0;background:var(--electric);content:""}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.song-card--grid .song-card__artwork{border-radius:12px;box-shadow:0 14px 32px #01051259}.song-card__grid-copy{padding:10px 2px 0}.song-card--grid p{margin-bottom:6px}.search-field{display:flex;min-height:54px;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--electric);border-radius:14px;color:#c9d3ef;background:#0a183adb;box-shadow:0 0 0 3px #3b74ff14}.search-field input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:1rem}.search-field input::placeholder{color:#7f8caf}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field button{display:grid;width:40px;height:40px;place-items:center;border:0;color:var(--muted);background:transparent;cursor:pointer}.recent-searches{margin-top:28px}.recent-searches__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.recent-searches__heading>button{min-height:40px;padding:0 2px;border:0;color:var(--electric-bright);background:transparent;font-size:.76rem;cursor:pointer}.recent-searches__list{display:grid;gap:8px;margin-top:13px}.recent-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;min-height:48px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#0c1a3cb3}.recent-search button{border:0;color:#bbc5df;background:transparent;cursor:pointer}.recent-search__query{display:flex;min-width:0;min-height:46px;align-items:center;gap:10px;padding:0 4px 0 13px;text-align:left;font-size:.84rem}.recent-search__query span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-search__remove{display:grid;width:44px;height:44px;place-items:center;border-radius:10px}.search-results .section-heading{align-items:center}.search-results .section-heading>span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#cad4ef;background:#5275d23d;font-size:.69rem}.empty-state{margin-top:32px;padding:30px 20px;border:1px solid var(--line);border-radius:16px;text-align:center;background:#091531a6}.empty-state h2,.empty-state h3{margin:0;font-size:1rem}.empty-state p{margin:8px auto 0;max-width:24rem;color:var(--muted);font-size:.78rem;line-height:1.5}.player-bar{position:fixed;z-index:20;right:10px;bottom:calc(66px + var(--safe-bottom));left:10px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;max-width:740px;margin:0 auto;padding:7px;border:1px solid rgba(136,161,229,.23);border-radius:14px;background:#091532f0;box-shadow:0 16px 36px #00030f7a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-bar>.artwork-placeholder{aspect-ratio:1;width:43px;border-radius:8px}.player-bar__copy{display:grid;gap:2px;min-width:0}.player-bar strong,.player-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar strong{font-size:.78rem}.player-bar span{color:var(--muted);font-size:.67rem}.player-bar button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;color:#fff;background:#4a73d9a6;cursor:pointer}.player-bar__actions{display:flex;align-items:center;gap:2px}.player-bar__actions button:last-child{color:var(--muted);background:transparent}.bottom-navigation{position:fixed;z-index:30;right:0;bottom:0;left:0;min-height:calc(58px + var(--safe-bottom));padding:0 8px var(--safe-bottom);border-top:1px solid var(--line);background:#050b1df0;box-shadow:0 -16px 36px #02051252;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-navigation__brand{display:none}.bottom-navigation__items{display:grid;grid-template-columns:repeat(4,1fr);max-width:520px;min-height:58px;margin:0 auto}.bottom-navigation__item{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#9fabc9;background:transparent;font-size:.63rem;cursor:pointer}.bottom-navigation__item[aria-current=page]{color:var(--electric-bright)}.toast{position:fixed;z-index:50;right:16px;bottom:calc(68px + var(--safe-bottom));left:16px;display:flex;min-height:50px;align-items:center;gap:9px;max-width:420px;margin:0 auto;padding:12px 15px;border:1px solid rgba(133,160,236,.28);border-radius:14px;color:#e8ecfa;background:#12234a;box-shadow:0 18px 44px #00041380;font-size:.78rem}.app-shell--with-player .toast{bottom:calc(136px + var(--safe-bottom))}@media(min-width:600px){.screen{padding-right:28px;padding-left:28px}.home-hero{min-height:360px;margin-right:-28px;margin-left:-28px;padding-right:28px;padding-left:28px}.music-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}}@media(min-width:960px){.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr)}.bottom-navigation{position:sticky;top:0;display:flex;width:220px;height:100dvh;min-height:100dvh;flex-direction:column;align-items:stretch;padding:30px 18px;border-top:0;border-right:1px solid var(--line)}.bottom-navigation__brand{display:flex;align-items:center;gap:10px;margin:0 6px 30px;color:var(--lilac);font-size:.82rem;font-weight:650}.bottom-navigation__brand img{width:34px;height:34px}.bottom-navigation__items{display:grid;grid-template-columns:1fr;gap:5px;width:100%;margin:0}.bottom-navigation__item{min-height:50px;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 13px;border-radius:12px;font-size:.78rem}.bottom-navigation__item[aria-current=page]{background:#466fe024}.app-main{width:min(100%,980px);padding-bottom:90px}.screen{padding:28px 42px 60px}.home-hero{min-height:430px;margin:0;border:1px solid var(--line);border-radius:22px;padding:38px}.home-hero__copy{max-width:27rem}.primary-action--quiet{width:auto;min-width:220px}.song-list{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-form{max-width:680px}.music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-bar{right:30px;bottom:20px;left:250px}.toast{right:30px;bottom:86px;left:auto}.app-shell--with-player .toast{bottom:86px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}