/* Jhoom / shared platform design. Loaded after existing application styles. */
.platform{--bg:#0d0e10;--panel:#17181b;--line:#303135;--muted:#a6a5a6;--text:#f8f4ef;--accent:#ff795d;background:var(--bg);font-family:Arial,Helvetica,sans-serif}
.platform .wrap{max-width:1240px;padding:24px 48px 32px}.platform header{margin-bottom:0;min-height:55px}.platform .logo{font-size:34px;letter-spacing:-2px}.platform .logo span{font-size:10px}.platform .brand-note{display:none}.platform .header-actions{gap:22px}.plan-link{font-size:13px;text-decoration:none;color:var(--text)}.platform .language-control select{border-color:#38393c;background:transparent}.platform .account-link{border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.platform .main-nav{justify-content:flex-start;gap:32px;margin-bottom:0;margin-top:16px}.platform .main-nav a{padding:12px 0;min-height:48px;font-size:13px}.platform .main-nav a[aria-current=page]{border-color:var(--accent)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;align-items:center;padding:58px 0 64px}.hero-main{max-width:560px}.platform .eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#c3bdb7}.platform h1{font-size:clamp(48px,5.8vw,76px);line-height:1.01;letter-spacing:-4px}.platform h1 em{color:var(--accent)}.hero-main>.subtitle{font-size:15px;line-height:1.7;margin:19px 0 22px}.hero-main>.presets{margin-bottom:13px;gap:8px}.platform .pill{font-size:12px;min-height:38px;padding:8px 13px}.platform .pill:hover{background:#252529}.platform #createForm{padding:21px 22px 16px;border:1px solid #414044;border-radius:19px;background:#18191c;box-shadow:0 16px 50px #0002}.platform #createForm>label{font-size:12px;color:#e1d8d1;font-weight:600;margin-bottom:6px}.platform #idea{border:0;background:transparent;min-height:74px;padding:5px 0;resize:vertical;font-size:16px;line-height:1.55;border-radius:3px}.platform #idea::placeholder{color:#89878b}.platform .photo-row{margin:6px 0 8px}.platform .photo-pick{width:auto;padding:3px 0;min-height:38px;border:0;border-radius:5px;background:none;gap:8px}.platform .photo-pick:hover{color:var(--accent)}.platform .photo-icon{height:19px;width:19px;color:#beb8b1}.platform .photo-copy strong{font-size:12px;font-weight:500}.platform .photo-invite{display:none!important}.platform .photo-row:has(#thumb:not([hidden])) .photo-pick{width:auto}.platform #thumbImg{width:42px;height:42px}.vibe-options{border-top:1px solid #303034;padding-top:10px;margin-top:9px;margin-bottom:13px;font-size:12px;color:var(--muted)}.vibe-options>summary{min-height:28px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.vibe-options>summary:after{content:'＋';font-size:18px}.vibe-options[open]>summary:after{content:'−'}.vibe-options>summary::-webkit-details-marker{display:none}.vibe-options fieldset{margin:12px 0 6px}.vibe-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.platform .primary{border-radius:11px;padding:14px;color:#211611;min-height:49px;background:var(--accent);font-size:14px}.platform .primary:hover{background:#ff937d}.platform .footnote{font-size:10px;color:#979197;margin-top:11px}.platform #peopleField,.platform #customField{margin-top:10px}.platform #peopleField input,.platform #customField input{font-size:13px;padding:11px}.platform #peopleField .note{font-size:11px}
.hero-listen{position:relative;padding:0 8px 0 0;transform:rotate(3deg)}.hero-listen>.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 15px;transform:rotate(-3deg);font-size:10px}.tiny-star{font-size:23px;color:var(--accent);line-height:1}.feature-record{isolation:isolate;position:relative;width:100%;aspect-ratio:0.95;background:#ff795d;color:#241919;overflow:hidden;border:1px solid #ff9e81;border-radius:12px;display:flex;flex-direction:column;padding:26px;text-align:left;box-shadow:12px 15px 0 #262323,0 30px 65px #0006;transition:transform .2s}.feature-record:hover{transform:translateY(-5px) rotate(-2deg)}.feature-record:disabled{cursor:default}.record-orbit{position:absolute;width:112%;aspect-ratio:1;top:-44%;right:-40%;border:1px solid #7c352655;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 9px,#71322222 10px 11px);z-index:-1}.record-label{font-size:24px;font-weight:700;letter-spacing:-1.2px}.record-label i{font-size:9px;font-style:normal;margin-left:3px}.record-title{font-size:clamp(32px,3.6vw,49px);font-weight:700;letter-spacing:-2px;line-height:1.06;max-width:95%;margin:auto 0 28px;overflow-wrap:anywhere}.record-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.record-play{display:grid;place-items:center;width:51px;height:51px;background:#261c18;color:#fff2e9;border-radius:50%;font-size:16px}.listen-caption{display:flex;justify-content:space-between;align-items:center;margin:31px 3px 0 12px;color:#a7a1a1;font-size:11px;transform:rotate(-3deg)}.sound-bars{display:flex;gap:3px;align-items:center;height:22px}.sound-bars i{width:3px;height:8px;background:var(--accent);border-radius:3px}.sound-bars i:nth-child(2n){height:19px}.sound-bars i:nth-child(3){height:13px}.is-playing .sound-bars i{animation:meter .7s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2n){animation-delay:-.3s}@keyframes meter{to{transform:scaleY(.4)}}#featureAudio{display:none}
.home-catalog{padding:42px 0 56px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.platform .section-heading h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.section-heading .note{font-size:12px}.browse-link{white-space:nowrap;text-decoration:none;font-size:12px;color:var(--text);padding:10px 0}.home-song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-song-card{border:0;background:none;text-align:left;color:var(--text);padding:0;display:block;min-width:0}.mini-art{aspect-ratio:1.2;position:relative;overflow:hidden;display:flex;align-items:end;padding:18px;background:#a9beb1;color:#1c322a;border-radius:9px;isolation:isolate}.mini-art:before{content:'';width:85%;aspect-ratio:1;position:absolute;left:40%;top:-30%;border:20px solid currentColor;opacity:.15;border-radius:50%;z-index:-1}.home-song-card:nth-child(2n) .mini-art{background:#b7a6d4;color:#332544}.home-song-card:nth-child(3n) .mini-art{background:#d4b96e;color:#453318}.home-song-card:nth-child(4n) .mini-art{background:#d58976;color:#4c2826}.mini-art-title{font-size:25px;font-weight:700;line-height:1.07;letter-spacing:-.8px;overflow-wrap:anywhere;max-width:90%}.mini-play{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font-size:10px}.mini-title{display:block;font-size:13px;line-height:1.5;margin-top:12px;overflow-wrap:anywhere;font-weight:600}.mini-meta{display:block;font-size:11px;color:var(--muted);margin-top:4px}.home-song-card:hover .mini-art{filter:brightness(1.1)}
.mission-block{padding:66px 0 60px;border-top:1px solid var(--line)}.platform .mission-block>h2{max-width:750px;font-size:50px;letter-spacing:-2px;line-height:1.1;margin:20px 0}.mission-block>.subtitle{max-width:550px;font-size:15px;line-height:1.7;margin:20px 0 40px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-number{color:var(--accent);font-size:12px;font-family:monospace}.how-grid h3{font-size:18px;margin:15px 0 10px;letter-spacing:-.4px}.how-grid p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:300px}.mission-block>.primary{width:auto;min-width:180px;margin-top:32px}.platform footer{display:flex;justify-content:space-between;align-items:center;text-align:left;border-top:1px solid var(--line);padding-top:24px;margin-top:18px;gap:20px;color:var(--muted);font-size:12px}.platform footer .logo{font-size:24px}.platform footer>a:last-child{text-decoration:none}
.platform main>section:not(#createView){padding-top:52px;min-height:65vh}.platform #libraryView,.platform #discoverView{max-width:900px;margin:auto}.platform #plansView,.platform #accountView,.platform #albumView,.platform #albumsView{max-width:600px;margin:auto}.platform #discoverList{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.platform #waitingView{max-width:600px;margin:auto;text-align:center;padding-bottom:40px}.platform #waitingTitle{font-size:42px;letter-spacing:-1.5px;margin:15px auto 25px;max-width:550px}.waiting-record{display:grid;place-items:center;margin:20px auto 30px;width:190px;height:190px;background:#ff795d;border-radius:14px;transform:rotate(-6deg)}.vinyl-disc{display:grid;place-items:center;width:154px;height:154px;background:repeating-radial-gradient(#252325 0 2px,#111 3px 5px);border-radius:50%;animation:turn 14s linear infinite}.vinyl-disc>span{display:grid;place-content:center;width:66px;height:66px;border-radius:50%;background:#ffe2a2;color:#302516;font-size:14px;font-weight:700}.vinyl-disc i{font-style:normal;font-size:6px}@keyframes turn{to{transform:rotate(360deg)}}.creation-stages{display:flex;justify-content:center;gap:22px;font-size:11px;color:#767277}.creation-stages .done{color:#c5c3be}.creation-stages .done:before{content:'✓ ';color:#b0c9b3}.creation-stages .active{color:var(--accent)}.platform .progress{margin:22px auto;width:75%}.platform #progressText{font-size:15px}.platform #waitingView>.note{max-width:450px;margin:auto}.platform #waitingBack{max-width:260px;margin:24px auto}#waitingDraft{margin:25px 0;padding:23px;border:1px solid var(--line);border-radius:14px;text-align:left}#waitingDraft small{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}#waitingLyrics{white-space:pre-line;font-size:17px;line-height:1.6;margin:12px 0 0;color:#e7dfd5}
.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:900px;margin:30px auto}.platform #resultView>h2,.platform #resultView>.eyebrow{max-width:900px;margin-left:auto;margin-right:auto}.platform #resultTitle{font-size:40px;letter-spacing:-1.5px}.platform .result-cover{position:relative;isolation:isolate;overflow:hidden;min-height:400px;aspect-ratio:1;padding:28px;background:var(--accent);border-radius:14px}.platform .result-cover:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;top:-200px;right:-150px;border:50px solid #7b3c2633;border-radius:50%;box-shadow:0 0 0 25px #77351f11,0 0 0 50px #77351f11}.platform .result-cover p{font-size:43px;line-height:1.04}.result-controls>audio{margin-top:0}.result-controls .share-hint{font-size:11px;text-align:center;margin:10px 0 16px}.platform .result-controls .lyrics{margin-top:18px}.platform .result-controls .secondary{font-size:13px;padding:13px}.video-themes{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.video-themes legend{margin-bottom:9px}.platform .video-themes .pill{font-size:11px;padding:7px 11px}.video-themes [data-video-theme=coral]{border-color:#ff795d}.video-themes [data-video-theme=mint]{border-color:#b3c7b5}.video-themes [data-video-theme=night]{border-color:#ab99c3}.platform dialog{max-width:460px;background:var(--bg)}
html:lang(hi) .platform h1{font-size:56px;line-height:1.25;letter-spacing:0}html:lang(hi) .platform h2,html:lang(hi) .record-title,html:lang(hi) .mini-art-title{letter-spacing:0;line-height:1.3}html:lang(hi) .platform .eyebrow{letter-spacing:.2px}.preview-banner{padding:8px 20px;text-align:center;font-size:11px;color:#d2c8bc;background:#242225}
@media(min-width:1100px){.hero-listen{max-width:425px;margin-left:auto;width:100%}}
@media(max-width:1000px){.platform .wrap{padding:22px 30px}.hero-grid{gap:45px}.platform h1{font-size:60px;letter-spacing:-3px}.record-title{font-size:38px}.feature-record{padding:22px}.hero-listen{padding:0 9px 0 0}.mini-art-title{font-size:21px}.home-song-grid{gap:14px}.platform .mission-block>h2{font-size:43px}.result-layout{gap:30px}.platform .result-cover{min-height:340px}.platform .result-cover p{font-size:34px}}
@media(max-width:720px){.platform .wrap{padding:18px 20px 25px}.platform header{min-height:44px}.platform .logo{font-size:29px}.platform .header-actions{gap:10px}.platform .account-link{border:0;width:32px;min-width:32px}.platform .language-control select{font-size:11px;min-height:38px;padding:6px 22px 6px 10px}.plan-link{font-size:11px}.platform .main-nav{gap:23px;margin-top:12px;overflow-x:auto}.platform .main-nav a{font-size:12px}.hero-grid{display:block;padding:35px 0 36px}.hero-main{max-width:none}.platform h1{font-size:57px;letter-spacing:-3px}.hero-main>.subtitle{font-size:13px;margin:17px 0 21px}.platform #createForm{padding:17px 17px 13px}.platform #idea{font-size:15px;min-height:72px}.hero-listen{display:none}.home-catalog{padding:29px 0 35px}.section-heading{display:block;margin-bottom:20px}.platform .section-heading h2{font-size:25px;line-height:1.2}.section-heading .note{font-size:12px;max-width:320px}.browse-link{display:inline-block;padding-top:14px;font-size:12px}.home-song-grid{grid-template-columns:1fr 1fr;gap:23px 13px}.mini-art{padding:13px;aspect-ratio:.98}.mini-art-title{font-size:23px}.mini-title{font-size:12px}.mini-meta{font-size:10px}.mission-block{padding:34px 0 35px}.platform .mission-block>h2{font-size:35px;letter-spacing:-1.3px}.mission-block>.subtitle{font-size:13px;margin-bottom:28px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid article{position:relative;padding-left:36px}.step-number{position:absolute;left:0;top:3px}.how-grid h3{font-size:16px;margin:0 0 8px}.how-grid p{font-size:13px;max-width:none}.mission-block>.primary{width:100%;margin-top:27px}.platform footer{flex-wrap:wrap;gap:12px}.platform footer>span{font-size:11px;flex-basis:70%;text-align:right}.platform footer>a:last-child{font-size:11px}.platform main>section:not(#createView){padding-top:30px}.platform #discoverList{grid-template-columns:1fr}.result-layout{display:block;margin-top:22px}.platform #resultTitle{font-size:32px}.platform .result-cover{min-height:0;max-height:440px;margin-bottom:28px}.platform .result-cover p{font-size:40px}.platform #waitingTitle{font-size:32px}.creation-stages{font-size:10px;gap:14px}.platform #waitingView>.note{font-size:12px}html:lang(hi) .platform h1{font-size:45px;line-height:1.28}.platform .brand-note{display:none}}
@media(max-width:360px){.platform .wrap{padding:15px}.platform .header-actions{gap:6px}.platform h1{font-size:49px}.platform .main-nav{gap:17px}.platform .main-nav a{font-size:11px}.platform .pill{font-size:11px;padding:7px 10px}.mini-art-title{font-size:20px}.platform .hero-main>.subtitle{font-size:12px}.platform footer>span{flex-basis:60%}html:lang(hi) .platform h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.vinyl-disc,.is-playing .sound-bars i{animation:none}.feature-record{transition:none}.platform *{scroll-behavior:auto!important}}
@media(min-width:721px){.platform .wrap{position:relative}.platform header{padding-bottom:16px;border-bottom:1px solid var(--line);min-height:66px}.platform .main-nav{position:absolute;top:24px;left:215px;border:0;margin:0;gap:26px}.platform .main-nav a{min-height:44px;padding:10px 0}.hero-grid{padding-top:38px;padding-bottom:44px;gap:70px}.platform h1{font-size:clamp(52px,5.3vw,68px)}.hero-main>.subtitle{margin:15px 0 17px}.hero-main>.presets{margin-bottom:12px}.hero-listen{max-width:390px}.platform #createForm{padding:16px 20px 13px}.platform #idea{min-height:60px}.platform .mission-block>h2{max-width:690px}}
@media(min-width:721px) and (max-width:960px){.platform .main-nav{left:160px;gap:17px}.platform .main-nav a{font-size:11px}.platform .header-actions{gap:10px}.hero-grid{gap:40px}}
@media(min-width:721px){.hero-grid{padding-top:26px}.platform h1{font-size:clamp(52px,5vw,64px)}.platform #idea{height:66px}.hero-main>.subtitle{margin:13px 0 15px}}