:root{color-scheme:light;--navy:#102a33;--navy-deep:#0b222b;--mint:#9ce9d7;--mint-strong:#007b68;--paper:#f5f6f2;--surface:#fff;--ink:#17343c;--muted:#60716a;--line:#dfe5df;--soft:#edf1ed;--error:#a73032;--radius:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,dialog:focus-visible{outline:3px solid #008576;outline-offset:4px}button svg,a svg,.panel-heading svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.045em}h2{font-size:20px;line-height:1.3}h3{font-size:20px}img{max-width:100%;display:block}.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}.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;padding:12px 18px;background:var(--mint);color:var(--navy);border-radius:10px;font-weight:700}.skip-link:focus{top:12px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 18px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:13px;text-decoration:none;line-height:1.3;transition:background .15s,transform .15s,border-color .15s}.button:not(:disabled):active{transform:translateY(1px)}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#1c424c}.button-mint{background:var(--mint);color:var(--navy)}.button-mint:hover{background:#c1f5e8}.button-light{background:var(--surface);border-color:var(--line);color:var(--ink)}.button-light:hover{background:var(--soft)}.button-outline{background:transparent;border-color:#6c9297;color:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:'Manrope',sans-serif;font-size:17px;font-weight:800;letter-spacing:.06em;line-height:1.2;color:#fff}.brand-secondary{display:block;font-size:12px;font-weight:500;letter-spacing:.05em;margin-top:4px;color:#c3d2d4}.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}

/* An honest landing page when the app is opened outside Telegram. */
.gate{min-height:100svh;background:var(--navy-deep);color:#fafbf4;padding:calc(38px + var(--safe-top)) max(32px,calc((100vw - 1216px)/2)) calc(28px + var(--safe-bottom));overflow:hidden}.gate-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.gate-kicker{font-size:12px;color:#a5bdc0;letter-spacing:.02em}.gate-main{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;padding:84px 0 74px;outline:none}.light-eyebrow{color:#a8ccc9;display:flex;align-items:center;gap:9px;letter-spacing:.18em}.gate h1{font-size:clamp(44px,5.8vw,78px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:24px 0}.gate h1 span{color:var(--mint)}.gate-description{color:#bdced0;font-size:16px;line-height:1.8;max-width:400px}.gate-cta{margin-top:30px;min-height:54px;padding:16px 22px;font-size:14px;gap:32px;border-radius:12px}.gate-note{color:#9bb5b9;font-size:12px;margin-top:13px;max-width:390px}.gate-formats{display:flex;gap:16px;align-items:center;color:#bacdce;font-size:12px;font-weight:500;margin-top:46px}.gate-formats i{width:3px;height:3px;border-radius:50%;background:#5f848a}.gate-art{position:relative;aspect-ratio:.85;background:#dde9d8;border-radius:7px;padding:26px;overflow:hidden;box-shadow:12px 12px 0 #18353e;color:var(--navy);transform:rotate(2deg)}.art-topline,.art-bottomline{display:flex;justify-content:space-between;align-items:start;font-weight:800;letter-spacing:.07em;font-size:12px;line-height:1.45;position:relative;z-index:2}.art-bottomline{position:absolute;bottom:24px;left:26px;right:26px;align-items:center}.art-bottomline svg{width:50px;height:28px;stroke:var(--navy);stroke-width:2.6;stroke-linecap:round}.record-orbit{position:absolute;top:20%;left:12%;width:108%;aspect-ratio:1;border:1px solid #789b90;border-radius:50%;padding:12px}.record{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,#13303a 0px,#13303a 3px,#244450 4px,#13303a 5px);box-shadow:8px 18px 20px #193a3540;display:grid;place-items:center}.record-label{width:43%;height:43%;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(-15deg);font-size:clamp(16px,2vw,25px);font-weight:800;font-family:'Manrope',sans-serif;line-height:1.05;letter-spacing:-.045em}.record-label b{display:block;border:4px solid #d7f5d9;background:var(--navy);width:12px;height:12px;border-radius:50%;margin-top:16px}.gate-footer{border-top:1px solid #355159;display:flex;justify-content:space-between;gap:20px;padding-top:28px;font-size:12px;color:#c0d0d1}.gate-footer p{display:flex;align-items:center;gap:15px}.gate-footer span{color:#83a5a6;font-size:12px;font-weight:600}.gate-error{margin:18px 0;padding:12px;border:1px solid #cf8a7c;color:#ffe0d7;border-radius:10px;max-width:430px;font-size:13px}

/* The music workspace. */
.app-shell{display:flex;min-height:100svh}.sidebar{width:222px;flex:0 0 222px;background:var(--navy);color:#fff;padding:35px 22px 22px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10;padding-top:calc(35px + var(--safe-top));padding-bottom:calc(22px + var(--safe-bottom))}.app-brand{margin-left:5px}.sidebar-navigation{margin-top:67px}.sidebar-label{font-size:12px;font-weight:600;color:#93adb4;letter-spacing:.16em;padding:0 12px 17px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;color:#bcd0d4;font-size:12px;font-weight:500;padding:13px 12px;margin-bottom:8px;border-radius:10px;text-align:left;min-height:46px}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#21434c;color:#fff}.nav-item.active{background:#264851;color:#d1f5eb}.sidebar-bottom{margin-top:auto}.sidebar-note{font-size:12px;color:#a5bdc0;line-height:1.7;padding:24px 12px}.sidebar-note .small-dot{display:block;margin-bottom:12px;width:5px;height:5px}.help-button{display:flex;align-items:center;gap:10px;width:100%;padding:17px 12px 4px;color:#b9cfd1;border:0;border-top:1px solid #35515a;background:transparent;font-size:12px;text-align:left}.help-button svg{width:16px;height:16px}.app-body{flex:1;margin-left:222px;min-width:0}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 42px;border-bottom:1px solid var(--line);padding-top:var(--safe-top);background:var(--paper)}.topbar-label{font-size:12px;letter-spacing:.14em;font-weight:700;color:#718184}.user-chip{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;max-width:200px}.user-avatar{width:30px;height:30px;border-radius:50%;background:#e5eae1;color:#446155;display:grid;place-items:center;font-size:12px;flex-shrink:0}.user-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand{display:none}.app-main{max-width:1420px;margin:auto;padding:41px 42px 22px;outline:none}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:25px}.welcome h1{font-size:clamp(29px,2.6vw,39px);font-weight:700;line-height:1.2;margin:8px 0 12px}.welcome h1 span{color:#0d9b7f}.welcome>div>p:last-child{color:var(--muted);font-size:12px}.welcome-mark{display:flex;align-items:center;gap:5px;height:64px;padding-right:8px}.welcome-mark i{width:4px;height:18px;background:#9cbdb1;border-radius:5px}.welcome-mark i:nth-child(2),.welcome-mark i:nth-child(6){height:32px}.welcome-mark i:nth-child(3),.welcome-mark i:nth-child(5){height:49px}.welcome-mark i:nth-child(4){height:61px;background:#568e7c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 283px;gap:28px;align-items:start}.discovery-column{min-width:0}.search-panel{padding:0 0 21px;border-bottom:1px solid var(--line)}.provider-options{display:flex;align-items:center;gap:6px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.provider-options::-webkit-scrollbar{display:none}.provider-button{flex-shrink:0;font-size:12px;font-weight:600;min-height:36px;border:1px solid transparent;padding:8px 13px;background:transparent;border-radius:7px;color:var(--muted)}.provider-button:hover{background:#e6ece6;color:var(--ink)}.provider-button[aria-pressed=true]{background:#e0ebe3;border-color:#cfded2;color:#234c3e}.provider-button .provider-link-tag{font-size:12px;font-weight:400;margin-left:5px;opacity:.8}.search-form{position:relative;display:flex;align-items:center;gap:6px;border:1px solid #d0dbd3;background:var(--surface);padding:6px;border-radius:12px;box-shadow:0 3px 10px #223b2904;transition:border-color .2s}.search-form:focus-within{border-color:#258a72;box-shadow:0 0 0 3px #7fcdb626}.search-symbol{width:19px;height:19px;margin-left:11px;stroke:#6d827c;stroke-width:1.7;fill:none;flex-shrink:0}.search-form input{min-width:0;flex:1;padding:13px 4px;color:var(--ink);background:transparent;border:0;outline:none!important;box-shadow:none;font-size:12px}.search-form input::placeholder{color:#82918c}.search-form .button{min-height:43px;padding:11px 15px;font-size:12px;border-radius:8px;gap:13px}.search-form .button svg{width:16px;height:16px}.search-hint{color:var(--muted);font-size:12px;line-height:1.6;margin-top:10px;padding-left:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 19px}.section-heading h2{font-size:17px;font-weight:700;letter-spacing:-.035em}.section-heading .muted{font-size:12px;color:var(--muted);flex-shrink:0}.discovery-empty{padding:30px 15px 34px;text-align:center;border:1px dashed #d6e0d6;border-radius:var(--radius);background:#f0f3ed}.discovery-illustration{position:relative;height:107px;width:190px;margin:0 auto 27px}.mini-record{width:86px;height:100px;border-radius:5px;background:#cadfd3;position:absolute;left:18px;top:5px;transform:rotate(-12deg);box-shadow:0 5px 10px #1835290b;overflow:hidden}.mini-record:before{content:'';position:absolute;background:repeating-radial-gradient(circle,#2d5158 0,#2d5158 3px,#537176 4px,#2d5158 5px);width:80px;height:80px;border-radius:50%;top:10px;left:23px}.mini-record:after{content:'';position:absolute;top:38px;left:49px;width:24px;height:24px;border-radius:50%;background:#e4edce;border:8px solid #95c7b0}.mini-record.second{left:78px;top:0;transform:rotate(12deg);background:#d6e0b5}.mini-record.second:after{border-color:#c6d894;background:#eeeed5}.sound-spark{position:absolute;top:-11px;right:4px;font-size:40px;color:#729584}.discovery-empty .eyebrow{font-size:12px;letter-spacing:.11em;margin-bottom:11px}.discovery-empty h3{font-size:21px;letter-spacing:-.035em}.discovery-empty>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 22px}.search-suggestions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.search-suggestions button{min-height:34px;padding:7px 11px;border:1px solid #d7dfd2;background:#f8faf6;color:#526c61;font-size:12px;border-radius:20px}.search-suggestions button:hover{border-color:#8faa98;background:#e8f1e8}.search-suggestions span{margin-left:8px}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px}.track-card{min-width:0;background:var(--surface);border:1px solid #e3e8e1;border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}.track-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #142d2110}.track-artwork{aspect-ratio:1;background:linear-gradient(135deg,#dbe7d5,#85ac9d);position:relative;overflow:hidden}.track-artwork>img{height:100%;width:100%;object-fit:cover}.track-artwork.fallback{display:grid;place-items:center}.track-artwork.fallback>img{width:42px;height:42px;opacity:.75}.track-duration{position:absolute;bottom:8px;right:8px;border-radius:5px;padding:3px 5px;background:#0b222bd9;color:#fff;font-size:12px;line-height:1.2}.track-info{padding:12px 11px 10px}.track-title{font-size:12px;font-weight:700;letter-spacing:-.01em;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.track-artist{color:var(--muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-quality{margin-top:10px;font-size:12px;font-weight:500;color:#567466;line-height:1.5;min-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-download{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;min-height:38px;border:0;border-top:1px solid #e6ebe3;background:#f5f8f1;color:#375949;font-size:12px;font-weight:600}.track-download:hover:not(:disabled){background:#e0efdf}.track-download svg{height:14px;width:14px}.load-more{display:flex;margin:27px auto 0;min-width:170px;font-size:12px}.utility-column{display:flex;flex-direction:column;gap:18px}.quality-panel{padding:23px 21px;background:#e5ede1;border:1px solid #dce6d7;border-radius:var(--radius)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.panel-heading .eyebrow{font-size:12px;letter-spacing:.13em;color:#5d7968}.panel-heading svg{width:17px;height:17px;color:#698772}.quality-panel h2{font-size:20px;max-width:190px;margin-bottom:21px;line-height:1.2}.quality-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#57705e}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;min-height:44px;padding:11px 34px 11px 11px;background:#fcfdf8;border:1px solid #d0ddc8;border-radius:8px;font-size:12px;font-weight:600;color:#36543f;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.select-wrap svg{position:absolute;right:12px;top:15px;width:14px;height:14px;fill:none;stroke:#476a50;stroke-width:1.8;pointer-events:none}.quality-panel>p{font-size:12px;line-height:1.7;color:#627d68;margin-top:10px}.quality-panel .quality-feedback{font-size:12px;font-weight:600;color:var(--mint-strong)}.job-panel{padding:21px 20px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.job-panel .eyebrow{color:#83918a}.job-status-dot{width:6px;height:6px;background:#b5c3b4;border-radius:50%}.job-status-dot.active{background:#32a18c;box-shadow:0 0 0 4px #e0f6ed}.job-status-dot.failed{background:#bd554f;box-shadow:none}.job-idle{text-align:center;padding:8px 0 24px}.idle-icon{width:50px;height:50px;display:grid;place-items:center;background:#f2f5ee;color:#8aa08a;border-radius:50%;margin:0 auto 17px}.idle-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.job-idle h2{font-size:17px;margin-bottom:9px}.job-idle p{font-size:12px;color:#869086;line-height:1.7}.job-footer{margin:0 -20px;padding:14px 15px;border-top:1px solid #edf0e9;display:flex;justify-content:center;align-items:center;gap:8px;color:#8d9b91;font-size:12px;line-height:1.5;background:#fdfefa}.job-footer svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.job-song{display:flex;gap:11px;align-items:center;margin-bottom:23px}.job-artwork{width:46px;height:46px;flex:0 0 46px;border-radius:8px;overflow:hidden;background:#e3eee2;display:grid;place-items:center}.job-artwork img{object-fit:cover;width:100%;height:100%}.job-song h2{font-size:12px;line-height:1.45;letter-spacing:-.01em;overflow-wrap:anywhere}.job-song p{font-size:12px;color:var(--muted);margin-top:5px}.job-phase-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#5c7666;margin-bottom:10px}.job-phase-row strong{font-size:12px;font-weight:600}.job-panel progress{display:block;appearance:none;width:100%;height:5px;background:#edf2e9;border:0;border-radius:10px;overflow:hidden;color:#46a68e}.job-panel progress::-webkit-progress-bar{background:#edf2e9;border-radius:10px}.job-panel progress::-webkit-progress-value{background:#46a68e;border-radius:10px;transition:width .4s}.job-panel progress::-moz-progress-bar{background:#46a68e;border-radius:10px}.job-panel progress:indeterminate{background:linear-gradient(90deg,#edf2e9 0,#8dcebc 40%,#edf2e9 80%);background-size:200% 100%;animation:progress-flow 1.8s linear infinite}.job-size{color:#7f8d80;font-size:12px;line-height:1.7;margin-top:10px}.job-message{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 20px;overflow-wrap:anywhere}.job-message.error{color:var(--error)}.job-chat{width:100%;min-height:38px;padding:9px 12px;font-size:12px;margin:0 0 17px}.job-chat svg{width:16px;height:16px}.detail-note{display:flex;gap:11px;padding:0 7px;align-items:start;color:#7a8e7d}.detail-note>span{font-size:16px;line-height:1.3}.detail-note p{font-size:12px;line-height:1.8}.detail-note strong{font-weight:400;color:#536f59}.app-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:46px;padding-top:17px;font-size:12px;color:#8e9b91;line-height:1.7}.notice{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d7e2d6;border-radius:12px;padding:17px 20px;margin-bottom:23px;background:#eef4e8}.notice h2{font-size:14px;letter-spacing:-.025em}.notice p{font-size:12px;color:var(--muted);margin-top:5px}.notice-actions{display:flex;gap:8px;flex-shrink:0}.notice-actions .button{font-size:12px;padding:9px 13px;min-height:38px}.inline-error{padding:13px 16px;border-radius:10px;background:#faeae6;border:1px solid #ecd0c6;color:var(--error);font-size:12px;margin-top:20px}.link-empty,.no-results{text-align:center;border:1px dashed #d6e0d6;background:#f0f3ed;border-radius:var(--radius);padding:49px 24px}.link-empty h3,.no-results h3{font-size:21px;margin-bottom:12px}.link-empty p,.no-results p{font-size:12px;color:var(--muted);line-height:1.8;max-width:325px;margin:0 auto}.link-empty-mark{display:grid;place-items:center;margin:0 auto 23px;width:57px;height:57px;background:#dce9da;border-radius:50%;font-size:32px;color:#648571}.supported-label{display:block;font-size:12px;color:#6b8771;line-height:1.8;margin-top:26px}.search-loading{text-align:center;padding:70px 10px 75px;color:var(--muted);font-size:12px}.loading-spinner{display:block;width:28px;height:28px;border-radius:50%;border:2px solid #d9e6d7;border-top-color:#528e78;animation:spin .7s linear infinite;margin:0 auto 15px}dialog{max-width:480px;width:calc(100% - 32px);padding:31px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 20px 100px #071f3c55}dialog::backdrop{background:#0c2636b3;backdrop-filter:blur(3px)}dialog .eyebrow{margin-bottom:12px}dialog h2{font-size:26px;max-width:320px}.dialog-close{position:absolute;right:13px;top:11px;border:0;background:transparent;color:var(--muted);width:36px;height:36px;font-size:28px}.help-steps{padding-left:19px;margin:25px 0 21px}.help-steps li{padding-left:8px;margin-top:20px;color:#65796b;font-size:12px}.help-steps strong{color:var(--ink);font-size:13px}.help-steps p{margin-top:6px;line-height:1.7}.help-footnote{border-top:1px solid var(--line);padding-top:17px;font-size:12px;color:var(--muted);line-height:1.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-flow{to{background-position:-200% 0}}
@media(min-width:1500px){.app-main{padding-top:48px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quality-panel,.job-panel{padding-left:23px;padding-right:23px}.job-footer{margin-left:-23px;margin-right:-23px}.discovery-empty{padding:48px 20px}.gate-main{padding-top:105px;padding-bottom:90px}}
@media(max-width:1180px){.sidebar{width:190px;flex-basis:190px;padding-left:15px;padding-right:15px}.app-body{margin-left:190px}.topbar{padding-left:28px;padding-right:28px}.app-main{padding-left:28px;padding-right:28px}.workspace{grid-template-columns:minmax(0,1fr) 251px;gap:20px}.quality-panel,.job-panel{padding-left:17px;padding-right:17px}.job-footer{margin-left:-17px;margin-right:-17px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.welcome h1{font-size:31px}.welcome-mark{display:none}.provider-button{padding:8px 10px;font-size:12px}.search-form .button{padding:11px 12px}.search-form .button svg{display:none}}
@media(max-width:950px){.sidebar{width:76px;flex-basis:76px;padding:27px 12px}.app-body{margin-left:76px}.app-brand{margin:0 auto}.app-brand>span,.sidebar-label,.sidebar-note{display:none}.app-brand img{width:38px;height:38px}.sidebar-navigation{margin-top:53px}.nav-item{font-size:0;padding:13px;justify-content:center}.nav-item svg{flex:0 0 20px}.help-button{justify-content:center;padding:17px 0 4px;font-size:0}.help-button svg{width:19px;height:19px}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.topbar{height:74px}.app-main{padding-top:31px}.notice{align-items:start;flex-direction:column;gap:12px}.notice-actions{align-self:flex-end}}
@media(max-width:720px){.gate{padding:calc(25px + var(--safe-top)) 25px calc(25px + var(--safe-bottom))}.gate-kicker{display:none}.gate-header .brand{font-size:15px}.gate-main{grid-template-columns:1fr;gap:42px;padding:46px 0 35px}.gate-copy{max-width:500px}.gate h1{font-size:59px;margin-top:22px}.gate-description{font-size:14px}.gate-cta{margin-top:25px}.gate-formats{margin-top:28px;gap:14px;font-size:12px}.gate-art{width:min(65%,300px);justify-self:center;aspect-ratio:.95;margin:0 0 14px}.gate-art .record-label{font-size:19px}.gate-footer{flex-wrap:wrap;gap:14px 24px;padding-top:23px;font-size:12px}.gate-footer p{gap:9px}.gate-footer span{font-size:12px}.sidebar{display:none}.app-body{margin:0}.topbar{height:calc(73px + var(--safe-top));padding:var(--safe-top) 22px 0;gap:15px}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-family:'Manrope',sans-serif;font-size:12px;letter-spacing:-.02em}.topbar-label{display:none}.user-chip{max-width:125px;font-size:12px;gap:7px}.user-avatar{height:27px;width:27px;font-size:12px}.app-main{padding:29px 22px calc(22px + var(--safe-bottom))}.welcome{margin-bottom:24px}.welcome .eyebrow{font-size:12px;letter-spacing:.13em}.welcome h1{font-size:29px;margin:9px 0 11px;letter-spacing:-.05em}.welcome>div>p:last-child{font-size:12px}.workspace{display:flex;flex-direction:column;gap:25px}.discovery-column,.utility-column{width:100%}.utility-column{display:grid;grid-template-columns:1fr 1fr;gap:13px;order:-1}.quality-panel{padding:17px 15px}.quality-panel .panel-heading{margin-bottom:12px}.quality-panel h2{font-size:17px;line-height:1.25;margin-bottom:15px;max-width:150px}.quality-panel label{font-size:12px}.quality-panel>p{font-size:12px}.quality-panel .select-wrap select{font-size:12px;padding:10px 25px 10px 8px;min-height:41px}.select-wrap svg{right:8px;width:12px}.job-panel{padding:17px 14px 0}.job-panel .panel-heading{margin-bottom:14px}.panel-heading .eyebrow{font-size:12px}.panel-heading svg{width:15px;height:15px}.job-idle{padding-top:1px;padding-bottom:20px}.idle-icon{width:37px;height:37px;margin-bottom:13px}.idle-icon svg{width:21px;height:21px}.job-idle h2{font-size:13px;letter-spacing:-.035em;margin-bottom:7px}.job-idle p{font-size:12px;line-height:1.65}.job-footer{margin-left:-14px;margin-right:-14px;font-size:12px;padding:10px 9px;gap:5px}.job-footer svg{width:11px;height:11px}.job-song{gap:9px;align-items:start;margin-bottom:15px}.job-artwork{display:none}.job-song h2{font-size:12px;line-height:1.4}.job-song p{font-size:12px;line-height:1.5}.job-phase-row{font-size:12px;gap:6px}.job-phase-row strong{font-size:12px}.job-message{font-size:12px;margin-bottom:14px;line-height:1.6}.job-size{font-size:12px}.job-chat{font-size:12px;min-height:35px;padding:8px;margin-bottom:13px}.job-chat svg{width:13px;height:13px}.detail-note{display:none}.provider-options{margin-bottom:12px;gap:3px}.provider-button{font-size:12px;padding:8px 12px;min-height:35px}.provider-button .provider-link-tag{font-size:12px}.search-form input{font-size:12px;min-height:42px;padding:11px 3px}.search-form .button{min-height:39px;padding:10px 12px}.search-symbol{margin-left:7px;width:17px;height:17px}.search-panel{padding-bottom:19px}.search-hint{font-size:12px;margin-top:9px;line-height:1.7}.section-heading{margin:23px 0 16px}.section-heading h2{font-size:16px}.section-heading .muted{font-size:12px}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 11px}.track-info{padding:10px 9px}.track-title{font-size:12px;min-height:31px}.track-artist{font-size:12px}.track-quality{font-size:12px;margin-top:9px}.track-download{font-size:12px;min-height:37px;gap:6px}.track-download svg{width:13px;height:13px}.track-duration{font-size:12px}.discovery-empty{padding:33px 15px 30px}.discovery-illustration{margin-bottom:25px}.discovery-empty h3{font-size:20px}.discovery-empty>p:not(.eyebrow){font-size:12px}.discovery-empty .eyebrow{font-size:12px}.app-footer{font-size:12px;gap:9px;align-items:start;margin-top:29px}.app-footer span:last-child{text-align:right;max-width:160px}.notice{padding:16px;gap:13px;margin-bottom:19px}.notice h2{font-size:13px}.notice p{font-size:12px}.notice-actions{align-self:stretch}.notice-actions .button{flex:1;font-size:12px}.link-empty,.no-results{padding:36px 18px}.search-loading{padding-top:48px;padding-bottom:58px}.help-button{display:none}}
@media(max-width:460px){.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.track-title{font-size:12px;min-height:34px}.track-artist{font-size:12px}.track-quality{font-size:12px}.track-download{min-height:40px;font-size:12px}.gate h1{font-size:52px}.gate-art{width:75%;max-width:270px}.gate-art .art-topline,.gate-art .art-bottomline{font-size:12px}.app-main{padding-left:18px;padding-right:18px}.topbar{padding-left:18px;padding-right:18px}.welcome h1{font-size:27px}.provider-button{padding:8px 10px}.quality-panel h2{font-size:16px}.quality-panel>p{font-size:12px}.user-chip>span:last-child{display:none}.utility-column{gap:11px}.quality-panel,.job-panel{border-radius:14px}.search-form .button{font-size:12px;min-width:57px}.search-suggestions{gap:6px}.search-suggestions button{font-size:12px;padding:7px 10px}.job-footer span{max-width:115px}.gate-cta{font-size:13px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.job-panel progress:indeterminate{background:#a6cabc}}
body.telegram-dark{--paper:#11292f;--surface:#1b353b;--ink:#e5eee8;--muted:#aac0b6;--line:#344e4e;--soft:#284449}body.telegram-dark .sidebar{background:#0a2129}body.telegram-dark .topbar{background:#11292f}body.telegram-dark .topbar-label,body.telegram-dark .search-hint,body.telegram-dark .track-artist{color:#adc3b9}body.telegram-dark .quality-panel{background:#294a3c;border-color:#3a5745}body.telegram-dark .quality-panel h2{color:#e6f1e6}body.telegram-dark .quality-panel label,body.telegram-dark .quality-panel>p,body.telegram-dark .panel-heading .eyebrow,body.telegram-dark .panel-heading svg{color:#b1c8b3}body.telegram-dark .select-wrap select{background:#19342b;border-color:#50694e;color:#e0eade}body.telegram-dark .select-wrap svg{stroke:#e0eade}body.telegram-dark .provider-button[aria-pressed=true]{background:#294e42;border-color:#3f6555;color:#d4eddb}body.telegram-dark .provider-button:hover{background:#294a3b;color:#e5efde}body.telegram-dark .discovery-empty,body.telegram-dark .link-empty,body.telegram-dark .no-results{background:#19352f;border-color:#3c5a44}body.telegram-dark .search-suggestions button,body.telegram-dark .track-download{background:#203e32;color:#bdd8c1;border-color:#355542}body.telegram-dark .track-card{border-color:#365048}body.telegram-dark .track-quality{color:#acd0b7}body.telegram-dark .job-footer{background:#203c35;border-color:#355044;color:#b2c5b6}body.telegram-dark .job-idle p,body.telegram-dark .job-panel .eyebrow,body.telegram-dark .job-size{color:#adc2b1}body.telegram-dark .job-phase-row{color:#c1dac8}body.telegram-dark .idle-icon{background:#2b4a3b;color:#afc9b6}body.telegram-dark .notice{background:#284837;border-color:#3c6244}body.telegram-dark .app-footer,body.telegram-dark .detail-note,body.telegram-dark .detail-note strong{color:#b0c8b5}body.telegram-dark .user-avatar{background:#305242;color:#d8e8d5}body.telegram-dark .inline-error{background:#422e2d;border-color:#75544a;color:#ffd2c7}

/* Readable supporting text and comfortable targets, including small WebViews. */
button,.button,.provider-button,.nav-item,.track-download,.search-suggestions button,.search-form .button,.notice-actions .button,.job-chat,.dialog-close{min-height:44px}
.search-form input,.select-wrap select{min-height:46px;font-size:14px}
.track-title{font-size:14px;min-height:39px}.track-artist,.track-quality{font-size:12px}
.track-quality{white-space:normal;min-height:18px}.track-download{font-size:12px}
.welcome>div>p:last-child,.notice p,.gate-description,.link-empty p,.no-results p,.discovery-empty>p:not(.eyebrow){font-size:14px}
.job-song h2{font-size:14px}.job-song p,.job-phase-row,.job-phase-row strong,.job-size,.job-message,.job-footer{font-size:12px}
.quality-panel>p,.quality-panel label,.search-hint,.help-footnote,.help-steps li{font-size:12px}
.quality-panel .select-wrap select{font-size:14px}.job-idle p{font-size:13px}.job-idle h2{font-size:18px}
.app-footer{align-items:center}.app-footer button{border:0;background:transparent;padding:6px 10px;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:var(--muted);white-space:nowrap}
.provider-options{gap:4px}.provider-button{font-size:12px;padding-left:11px;padding-right:11px}
.provider-button .provider-link-tag{font-size:12px}.job-footer{justify-content:flex-start;gap:8px}.job-footer svg{width:16px;height:16px}
@media(max-width:1180px){.provider-options{margin-right:-3px}.provider-button{padding-left:9px;padding-right:9px}.quality-panel,.job-panel{padding-left:18px;padding-right:18px}.job-footer{margin-left:-18px;margin-right:-18px}.search-form .button{font-size:12px}}
@media(max-width:720px){.workspace{gap:20px}.discovery-column{display:contents}.workspace>.utility-column{order:1;display:flex;flex-direction:column;gap:12px}.search-panel{order:0;width:100%}.inline-error{order:0;width:100%}.results-section{order:2;width:100%}.quality-panel{padding:19px;display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,1.05fr);gap:5px 16px;align-items:center}.quality-panel>.panel-heading{display:none}.quality-panel h2{font-size:17px;max-width:190px;margin:0;grid-column:1;grid-row:1}.quality-panel>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.quality-panel>.select-wrap{grid-column:2;grid-row:1 / span 2}.quality-panel>p{margin:0;grid-column:1;grid-row:2;font-size:12px;line-height:1.6}.quality-panel>.quality-feedback{grid-column:1/-1;grid-row:3;margin-top:8px;font-size:12px}.quality-panel .select-wrap select{font-size:13px;min-height:46px}.job-panel{padding:18px 19px 0}.job-panel:has(#job-idle:not([hidden]))>.panel-heading,.job-panel:has(#job-idle:not([hidden]))>.job-footer{display:none}.job-idle{display:grid;grid-template-columns:42px 1fr;gap:2px 13px;text-align:left;padding:0 0 18px}.idle-icon{grid-column:1;grid-row:1 / span 2;width:42px;height:42px;margin:0}.job-idle h2{grid-column:2;font-size:16px;margin:0}.job-idle p{grid-column:2;font-size:12px;line-height:1.6}.job-idle br{display:none}.job-artwork{display:grid;width:46px;height:46px;flex-basis:46px}.job-song h2{font-size:15px}.job-song p{font-size:12px}.job-phase-row,.job-phase-row strong,.job-size,.job-message{font-size:12px}.job-message{margin-bottom:16px}.job-footer{margin-left:-19px;margin-right:-19px;padding:13px 19px;font-size:12px}.job-footer span{max-width:none}.job-chat{font-size:13px;min-height:44px}.select-wrap svg{top:17px;right:11px}.search-form input{font-size:14px;min-height:44px}.search-form .button{font-size:12px;min-height:44px;min-width:66px}.search-form .search-symbol{margin-left:9px}.search-hint{font-size:12px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.track-title{font-size:14px;min-height:39px}.track-artist,.track-quality{font-size:12px}.track-download{font-size:12px;min-height:46px}.track-info{padding:12px}.track-duration{font-size:12px}.section-heading h2{font-size:20px}.section-heading .muted{font-size:12px}.app-footer{flex-wrap:wrap;font-size:12px;justify-content:space-between;gap:8px 15px;margin-top:28px}.app-footer span:last-child{max-width:none;width:100%;text-align:left}.notice-actions .button{font-size:12px;min-height:44px}.notice p{font-size:14px}.notice h2{font-size:16px}.welcome>div>p:last-child{font-size:14px}.welcome h1{font-size:30px}.welcome .eyebrow{font-size:12px;letter-spacing:.09em}.discovery-empty .eyebrow{font-size:12px;letter-spacing:.06em}.discovery-empty>p:not(.eyebrow){font-size:14px}.search-suggestions button{font-size:12px;padding:10px 13px}.gate-footer{font-size:12px}.gate-kicker{font-size:12px}}
@media(max-width:390px){.quality-panel{display:block}.quality-panel h2{font-size:18px;max-width:none;margin-bottom:12px}.quality-panel>.select-wrap{margin-bottom:9px}.quality-panel>.quality-feedback{margin-top:8px}.quality-panel>p{font-size:12px}.provider-options{margin-left:-2px;margin-right:-2px}.provider-button{padding:10px 9px}.welcome h1{font-size:28px}}

body:not(.telegram-dark) .topbar-label,body:not(.telegram-dark) .job-idle p,body:not(.telegram-dark) .job-footer,body:not(.telegram-dark) .job-size,body:not(.telegram-dark) .job-panel .eyebrow,body:not(.telegram-dark) .detail-note,body:not(.telegram-dark) .app-footer{color:#596f67}
body:not(.telegram-dark) .quality-panel>p,body:not(.telegram-dark) .quality-panel label,body:not(.telegram-dark) .quality-panel .eyebrow{color:#4a6450}
body:not(.telegram-dark) .search-form input::placeholder{color:#607369}