/* Bright Meloz front page. All visual changes are scoped to the home surface. */
:root {
  --home-plum: #2b1235;
  --home-purple: #5b2a72;
  --home-muted: #765f7c;
  --home-pink: #ff4faa;
  --home-pink-deep: #e63691;
  --home-lavender: #a879ff;
  --home-line: rgba(92, 38, 105, .13);
  --home-surface: rgba(255, 255, 255, .72);
  --home-shadow: 0 24px 70px rgba(94, 35, 111, .14);
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.home-active{background:#fff8fc;color:var(--home-plum);overflow-x:hidden;padding-bottom:104px}
body.home-active .noise{opacity:.018}
body.home-active .toast{background:#3a1746;border-left-color:#ff75bb}
.home-header{position:sticky;top:0;z-index:18;height:76px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:24px;padding:0 clamp(20px,5vw,78px);color:var(--home-plum);background:rgba(255,249,253,.74);border-bottom:1px solid rgba(108,43,121,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.home-header.hidden{display:none}
.home-brand{display:flex;align-items:center;gap:11px;width:max-content;color:var(--home-plum);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:-.02em}
.home-brand strong{font-weight:800}
.home-brand-mark{width:35px;height:35px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,#ff5caf,#9466f5);box-shadow:0 8px 22px rgba(226,62,153,.25)}
.home-brand-mark i{display:block;width:3px;border-radius:4px;background:#fff}
.home-brand-mark i:nth-child(1){height:9px}.home-brand-mark i:nth-child(2){height:19px}.home-brand-mark i:nth-child(3){height:14px}.home-brand-mark i:nth-child(4){height:7px}
.home-nav{display:flex;align-items:center;justify-content:center;gap:36px}
.home-nav a{position:relative;padding:10px 2px;color:#634e68;text-decoration:none;font-size:12px;font-weight:650}
.home-nav a:after{content:"";position:absolute;left:2px;right:100%;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--home-pink),var(--home-lavender));transition:right .2s ease}
.home-nav a:hover,.home-nav a:focus-visible,.home-nav a.active{color:var(--home-plum)}.home-nav a:hover:after,.home-nav a:focus-visible:after,.home-nav a.active:after{right:2px}
.home-account{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}
.credit-chip,.home-profile{height:42px;display:flex;align-items:center;border:1px solid var(--home-line);background:rgba(255,255,255,.68);box-shadow:0 8px 28px rgba(80,29,93,.06)}
.credit-chip{gap:6px;padding:0 12px;border-radius:14px}.credit-chip>span{color:var(--home-pink-deep)}.credit-chip small{font-size:9px;color:var(--home-muted)}.credit-chip strong{font-size:10px;color:var(--home-plum)}
.home-profile{gap:8px;padding:0 10px 0 5px;border-radius:22px;min-width:0}.home-profile>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd1e8,#d9c8ff);color:#5c256c;font:700 9px var(--mono)}.home-profile strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-view{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 9% 18%,rgba(255,144,199,.47),transparent 31%),radial-gradient(circle at 89% 7%,rgba(194,166,255,.55),transparent 32%),linear-gradient(145deg,#fff9fc 0%,#fff3f9 43%,#f8f3ff 100%);color:var(--home-plum)}
.home-view.hidden{display:none!important}
.home-hero{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;padding:clamp(24px,2.6vw,34px) 28px 26px;text-align:center}
.home-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.home-orb-one{width:250px;height:250px;left:-110px;top:90px;background:radial-gradient(circle at 65% 38%,rgba(255,255,255,.75),rgba(255,94,173,.17) 45%,transparent 72%)}.home-orb-two{width:300px;height:300px;right:-130px;top:280px;background:radial-gradient(circle at 35% 40%,rgba(255,255,255,.82),rgba(144,98,241,.14) 50%,transparent 72%)}
.home-hero-copy{max-width:820px;margin:0 auto}.home-label{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(122,54,137,.11);border-radius:999px;background:rgba(255,255,255,.5);color:#704477;font:650 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 7px 24px rgba(96,36,108,.06)}.home-label span{color:var(--home-pink-deep)}
.home-hero h1{margin:5px 0 12px;white-space:nowrap;font:600 clamp(32px,4.6vw,58px)/.95 var(--serif);letter-spacing:-.05em;color:var(--home-plum)}.home-hero h1 em{font-weight:600;color:transparent;background:linear-gradient(115deg,#d93391 10%,#8b54e9 82%);-webkit-background-clip:text;background-clip:text}
.home-hero-copy>p{max-width:620px;margin:0 auto;color:#705b76;font-size:13px;line-height:1.55}
.home-composer{width:min(860px,100%);margin:14px auto 0;padding:10px;border:1px solid rgba(105,42,118,.14);border-radius:27px;background:rgba(255,255,255,.62);box-shadow:var(--home-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);text-align:left}
.composer-mode{display:flex;width:max-content;padding:4px;border-radius:14px;background:#f4eaf3}.composer-mode button{height:39px;display:flex;align-items:center;gap:7px;padding:0 17px;border:0;border-radius:11px;background:transparent;color:#806b84;font:650 10px var(--sans);cursor:pointer}.composer-mode button.active{background:#fff;color:var(--home-plum);box-shadow:0 5px 16px rgba(81,27,92,.1)}.composer-mode button span{color:var(--home-pink-deep);font-size:15px}
.composer-prompt{display:block}.composer-prompt textarea,.home-lyrics-panel textarea{width:100%;border:0;outline:0;resize:vertical;background:transparent;color:var(--home-plum);font:500 14px/1.7 var(--sans)}.composer-prompt textarea{height:96px;min-height:96px;padding:14px 16px 8px}.composer-prompt textarea::placeholder,.home-lyrics-panel textarea::placeholder{color:#9a849e}.composer-prompt textarea:focus-visible,.home-lyrics-panel textarea:focus-visible{box-shadow:inset 0 0 0 2px rgba(221,54,145,.25);border-radius:14px}
.home-lyrics-panel{margin:0 8px 10px;padding:15px;border:1px solid rgba(105,42,118,.11);border-radius:16px;background:rgba(251,244,253,.72)}.home-lyrics-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--home-plum);font-size:10px;font-weight:700}.home-lyrics-panel label small{color:var(--home-muted);font-size:9px;font-weight:500}.home-lyrics-panel textarea{min-height:120px;padding:13px 3px 2px;font-family:var(--mono);font-size:11px}
.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px;border-top:1px solid rgba(103,43,116,.09)}.composer-additions,.style-choices{display:flex;align-items:center;gap:7px}.composer-additions button,.style-choices button{height:34px;border:1px solid rgba(100,42,113,.11);border-radius:10px;background:rgba(255,255,255,.54);color:#674e6c;padding:0 11px;font:600 9px var(--sans);cursor:pointer}.composer-additions button:hover:not(:disabled),.style-choices button:hover,.style-choices button.active{border-color:rgba(218,54,145,.28);background:#fff;color:#a42373}.composer-additions button:disabled{opacity:.46;cursor:not-allowed}.composer-additions button span{color:var(--home-pink-deep);font-size:13px}.style-choices>span{color:#927d96;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.style-choices button.active{box-shadow:inset 0 0 0 1px rgba(218,54,145,.09)}
.composer-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 6px 2px 10px}.composer-engine{display:flex;align-items:center;gap:8px;color:#7c687f;font-size:9px}.composer-engine .status-dot{flex:0 0 auto}.home-create-button{min-width:140px;height:44px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:15px;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 12px 30px rgba(203,55,156,.27);font:750 12px var(--sans);cursor:pointer;transition:transform .18s,box-shadow .18s}.home-create-button i{font-style:normal}.home-create-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(203,55,156,.34)}.home-create-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.composer-note{margin:6px 11px 6px;color:#9a879c;font-size:8px;line-height:1.5}
.home-benefits{width:min(860px,100%);margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.home-benefits>div{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(106,45,119,.08);border-radius:15px;background:rgba(255,255,255,.38)}.home-benefits>div>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.7);color:#bc2d7d}.home-benefits p{min-width:0;margin:0}.home-benefits strong,.home-benefits small{display:block}.home-benefits strong{font-size:10px}.home-benefits small{margin-top:3px;color:#8f7a93;font-size:8px}
.home-discover{position:relative;isolation:isolate;overflow:hidden;padding:82px max(28px,calc((100vw - 1180px)/2)) 142px;background:radial-gradient(circle at 6% 20%,rgba(255,108,182,.2),transparent 30%),radial-gradient(circle at 94% 82%,rgba(139,91,235,.2),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.87),rgba(255,244,251,.9) 46%,rgba(247,242,255,.94));border-top:1px solid rgba(107,43,120,.07)}
.home-discover:before{content:"";position:absolute;z-index:-1;left:7%;right:7%;top:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,50,142,.22),rgba(137,85,229,.22),transparent)}.home-discover>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.home-discover>header>div>span{color:#a13a78;font:650 8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.home-discover h2{margin:7px 0 0;color:var(--home-plum);font:600 clamp(31px,4vw,46px)/1 var(--serif);letter-spacing:-.035em}.home-discover>header>a{color:#6d4c74;font-size:10px;font-weight:700;text-decoration:none}.home-discover>header>a span{display:inline-grid;place-items:center;width:25px;height:25px;margin-left:6px;border-radius:50%;background:#f4e6f1;color:#b1297b}.home-discover>header>a:hover,.home-discover>header>a:focus-visible{color:#b1297b}
.home-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-track-card{min-width:0}.home-track-art{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f8b9d9,#b59afa);box-shadow:0 18px 42px rgba(77,25,89,.15)}.home-track-art:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.42);border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 38%,rgba(139,85,235,.1));mix-blend-mode:screen}.home-track-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s,filter .35s}.home-track-card:hover .home-track-art img{transform:scale(1.035);filter:saturate(1.07)}
.home-track-play{position:absolute;right:13px;bottom:13px;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(255,255,255,.88);color:#6b2b78;box-shadow:0 7px 20px rgba(52,16,62,.17);cursor:pointer;backdrop-filter:blur(8px);transition:transform .18s,background .18s}.home-track-play:hover,.home-track-play.active{transform:scale(1.06);background:#fff}.home-track-play:focus-visible{outline:3px solid #f251a1;outline-offset:3px}.home-track-info{padding:13px 3px 0}.home-track-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--home-plum);font-size:12px}.home-track-info small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b758f;font-size:9px}.home-track-style{display:inline-block;margin-top:8px;padding:4px 7px;border-radius:7px;background:#f4e9f4;color:#805586;font-size:8px}
.home-track-skeleton{aspect-ratio:.82;border-radius:20px;background:linear-gradient(110deg,#f4e9f3 8%,#fff8fc 18%,#f4e9f3 33%);background-size:200% 100%;animation:homeShimmer 1.25s linear infinite}@keyframes homeShimmer{to{background-position-x:-200%}}
.home-discovery-state{padding:54px 20px;border:1px dashed rgba(102,42,114,.2);border-radius:20px;text-align:center;background:rgba(255,255,255,.45)}.home-discovery-state>span{display:grid;place-items:center;width:45px;height:45px;margin:0 auto;border-radius:50%;background:#f3e3f1;color:#ac2e7d;font-size:19px}.home-discovery-state h3{margin:14px 0 6px;font:600 21px var(--serif)}.home-discovery-state p{margin:0 0 17px;color:#866f8a;font-size:10px}.home-discovery-state a,.home-discovery-state button{border:0;background:transparent;color:#aa2b79;font:700 10px var(--sans);cursor:pointer;text-decoration:none}.home-discovery-state.error>span{background:#ffe6ed;color:#bc3158}
.floating-player{position:fixed;z-index:25;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100vw - 34px));min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:18px;row-gap:7px;padding:9px 13px 10px;border:1px solid rgba(93,37,107,.16);border-radius:21px;background:rgba(255,255,255,.89);box-shadow:0 18px 55px rgba(60,19,72,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--home-plum)}.floating-track{display:flex;align-items:center;gap:10px;min-width:0}.floating-track img{width:50px;height:50px;flex:0 0 auto;border-radius:13px;object-fit:cover;background:#eadbf0}.floating-track>div{min-width:0}.floating-track strong,.floating-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-track strong{font-size:10px}.floating-track small{margin-top:4px;color:#8e7892;font-size:8px}.floating-controls{display:flex;align-items:center;gap:8px}.floating-controls button{width:31px;height:31px;border:0;border-radius:50%;background:transparent;color:#704c78;font-size:21px;cursor:pointer}.floating-controls .player-play{width:43px;height:43px;background:linear-gradient(135deg,#ed479b,#9561e8);color:#fff;font-size:11px;box-shadow:0 8px 21px rgba(196,53,151,.27)}.player-volume{display:flex;align-items:center;justify-self:end;gap:7px;color:#8a6f8e}.player-volume input{width:80px;accent-color:#d93d91}.player-progress{grid-column:1/-1;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;min-width:0}.player-progress span{color:#674d6c;font:600 7px var(--mono);font-variant-numeric:tabular-nums}.player-progress span:last-child{text-align:right}.player-progress input{--player-progress:0%;width:100%;height:4px;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,#ed479b 0 var(--player-progress),#d9c8dd var(--player-progress) 100%);cursor:pointer}.player-progress input:disabled{cursor:default;opacity:.65}.player-progress input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#b64bd1;box-shadow:0 2px 7px rgba(75,24,91,.3)}.player-progress input::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#b64bd1;box-shadow:0 2px 7px rgba(75,24,91,.3)}.floating-player button:focus-visible,.player-progress input:focus-visible,.home-header a:focus-visible,.home-composer button:focus-visible,.home-discover a:focus-visible,.home-discovery-state button:focus-visible{outline:3px solid rgba(229,55,148,.42);outline-offset:3px}
@media(max-width:900px){.home-header{grid-template-columns:1fr auto auto;gap:15px;padding:0 24px}.home-nav{gap:20px}.credit-chip small{display:none}.home-profile strong{display:none}.home-hero{padding-top:42px}.home-track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-discover{padding-left:28px;padding-right:28px}.floating-player{grid-template-columns:minmax(0,1fr) auto auto}}
@media(max-width:640px){body.home-active{padding-bottom:88px}.home-header{height:64px;grid-template-columns:auto 1fr auto;gap:9px;padding:0 12px}.home-brand{gap:7px;font-size:12px}.home-brand>span:last-child{display:none}.home-brand-mark{width:32px;height:32px}.home-nav{justify-self:center;gap:4px}.home-nav a{min-height:44px;display:grid;place-items:center;padding:9px 7px;font-size:9px}.home-account{gap:5px}.credit-chip{height:36px;padding:0 8px}.credit-chip small{display:none}.credit-chip strong{font-size:8px}.home-profile{display:none}.home-hero{padding:30px 14px 28px}.home-hero h1{font-size:clamp(25px,7.2vw,31px);margin-top:4px}.home-hero-copy>p{font-size:11.5px;line-height:1.5}.home-composer{margin-top:18px;padding:8px;border-radius:22px}.composer-mode button{height:37px;padding:0 13px}.composer-prompt textarea{min-height:104px;padding:15px 12px 8px;font-size:12px}.home-lyrics-panel label{display:block}.home-lyrics-panel label small{display:block;margin-top:4px}.composer-toolbar{display:grid;padding:7px 4px}.composer-additions,.style-choices{min-width:0;flex-wrap:wrap}.style-choices>span{width:100%}.composer-submit-row{display:grid;grid-template-columns:minmax(0,1fr);padding:7px 3px 3px}.composer-engine{padding:0 6px}.home-create-button{width:100%;min-width:0;justify-self:stretch}.composer-note{margin:10px 7px}.home-benefits{grid-template-columns:1fr;gap:7px}.home-benefits>div{justify-content:flex-start;padding:9px 13px}.home-discover{padding:50px 14px 112px}.home-discover>header{align-items:center}.home-discover h2{font-size:31px}.home-discover>header>div>span{font-size:7px}.home-discover>header>a{font-size:9px}.home-track-grid{grid-template-columns:minmax(0,1fr);gap:24px}.floating-player{bottom:10px;width:calc(100vw - 18px);min-height:64px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 9px;border-radius:18px}.floating-track img{width:47px;height:47px}.floating-controls{gap:3px}.floating-controls button:not(.player-play),.player-volume{display:none}.floating-controls .player-play{width:42px;height:42px}}
@media(max-width:360px){.home-header{grid-template-columns:auto 1fr}.home-account{display:none}.home-nav{justify-self:end}.home-nav a{padding-inline:5px}.home-brand>span:last-child{display:none}.home-hero{padding-inline:10px}.home-hero h1{font-size:25px}.home-composer{border-radius:19px}.style-choices button,.composer-additions button{padding:0 9px}.home-discover{padding-inline:10px}.home-discover>header>a>span{display:none}.home-discover>header>a{white-space:nowrap}.floating-track img{width:44px;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}}

body.catalog-preview .home-nav a[href="/#composer"],body.catalog-preview #homeStudioNav,body.catalog-preview .catalog-hide,body.catalog-preview #libraryCreateButton{display:none!important}

/* Higher-contrast Meloz theme: darker type, stronger edges, quieter brightness. */
:root{--home-plum:#230c2d;--home-purple:#4c1d61;--home-muted:#5b4561;--home-line:rgba(75,24,91,.24);--home-surface:rgba(255,255,255,.92);--home-shadow:0 24px 70px rgba(70,20,83,.2)}
.home-header{background:rgba(255,248,252,.96);border-bottom-color:rgba(83,28,97,.16);box-shadow:0 5px 24px rgba(62,15,75,.07)}
.home-nav a{color:#4e3854;font-weight:720}.credit-chip,.home-profile{border-color:var(--home-line);background:rgba(255,255,255,.95)}
.home-view{background:radial-gradient(circle at 9% 18%,rgba(244,92,166,.38),transparent 31%),radial-gradient(circle at 89% 7%,rgba(155,111,245,.4),transparent 32%),linear-gradient(145deg,#fde8f3 0%,#f8eaf3 44%,#ece6fb 100%)}
.home-composer{border-color:rgba(76,24,91,.24);background:rgba(255,252,254,.91);box-shadow:0 24px 65px rgba(66,17,80,.2)}
.composer-mode{background:#ebddeb}.composer-mode button{color:#5e4864}.composer-mode button.active{color:#230c2d;box-shadow:0 5px 16px rgba(65,18,78,.14)}
.composer-prompt textarea,.home-lyrics-panel textarea{color:#291231}.composer-prompt textarea::placeholder,.home-lyrics-panel textarea::placeholder{color:#715b77}
.composer-toolbar{border-top-color:rgba(75,24,91,.15)}.composer-additions button,.style-choices button{border-color:rgba(75,24,91,.18);background:rgba(255,255,255,.92);color:#5d4563}.style-choices>span{color:#684f6d}.composer-engine{color:#59435f}.composer-note{color:#624b68;font-size:8.5px}
.home-benefits>div{border-color:rgba(75,24,91,.16);background:rgba(255,255,255,.74);box-shadow:0 8px 22px rgba(70,20,83,.06)}.home-benefits small{color:#674f6c}
.home-discover{background:radial-gradient(circle at 6% 20%,rgba(238,75,154,.22),transparent 30%),radial-gradient(circle at 94% 82%,rgba(133,82,225,.23),transparent 32%),linear-gradient(145deg,#fff9fc,#f8e9f3 48%,#eee8fb)}
.home-discover>header>a,.home-track-info small{color:#634b69}.home-track-style{background:#eadbea;color:#624369}.home-discovery-state{border-color:rgba(75,24,91,.25);background:rgba(255,255,255,.82)}
.floating-player{border-color:rgba(75,24,91,.24);background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(54,12,67,.24)}.floating-track small{color:#654c6a}