.mf-surface,.mf-native-dialog,.flow-welcome{--mf-ink:#080b12;--mf-panel:#111722;--mf-line:#263141;--mf-muted:#a5b1c3;--mf-blue:#8bb9ff;color:#f4f7fd}.mf-surface{text-align:left;width:100%;min-width:0;font-family:inherit}.mf-surface *,.mf-native-dialog *,.flow-welcome{box-sizing:border-box}.mf-surface :is(h1,h2,h3,p,ul),.mf-native-dialog :is(p,ul){margin:0}.mf-surface :is(a,button),.mf-native-dialog :is(a,button){-webkit-tap-highlight-color:transparent}:is(.mf-surface :is(a,button):focus-visible,.mf-native-dialog :is(a,button,input):focus-visible){outline-offset:3px;outline:2px solid #94bbff}.mf-surface a{color:inherit;text-decoration:none}.mf-page{width:min(100%,1010px);padding-bottom:max(16px,env(safe-area-inset-bottom));gap:20px;margin:0 auto;display:grid}.mf-head,.mf-title-wrap,.mf-user,.mf-welcome-bar,.mf-panel-title,.mf-lead-actions,.mf-share-actions,.mf-balance,.mf-balance span,.mf-tab,.mf-item-label,.mf-section-label,.mf-panel-title h2,.mf-side-copy h3 a,.mf-profile-link,.mf-lead-copy h2 a,.mf-stats,.mf-genre-list,.mf-badges,.mf-badges span,.mf-list-tools,.mf-artist-rail,.mf-week-top>div>span,.mf-week-top>div>a,.mf-award-status>div>span{align-items:center;display:flex}.mf-head{justify-content:space-between;gap:18px}.mf-title-wrap{gap:12px;min-width:0}.mf-title-wrap>div{min-width:0}.mf-title-wrap :is(h1,h2){letter-spacing:-.054em;text-transform:none;font-size:clamp(25px,3.15vw,38px);font-weight:800;line-height:1.08}.mf-title-wrap time{color:var(--mf-muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px;line-height:1.3;display:block}.mf-title-wrap time:first-letter,.mf-bars small:first-letter{text-transform:uppercase}.mf-title-icon,.mf-mission-icon{color:var(--mf-blue);background:#17263e;flex:none;place-items:center;display:grid}.mf-title-icon{border:1px solid #294062;border-radius:13px;width:42px;height:42px}.mf-user{border:1px solid var(--mf-line);color:#d9e2ee;background:#111722;border-radius:32px;gap:8px;min-width:0;max-width:40%;padding:4px 9px 4px 5px}.mf-user>span:last-child{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.mf-user .avatar{flex:none}.mf-nav{border-bottom:1px solid var(--mf-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.mf-tabs{gap:3px;min-width:0;display:flex}.mf-tabs button,.mf-tool,.mf-profile-link,.mf-soft,.mf-listen,.mf-explore,.mf-icon,.mf-genre-list button{font:inherit;color:#d5e1ef;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.mf-tabs button{min-height:38px;color:var(--mf-muted);background:0 0;border-radius:9px;padding:7px 11px}.mf-tabs button[aria-pressed=true]{color:#bdd8ff;background:#192942}.mf-icon{border:1px solid var(--mf-line);background:#101722;border-radius:50%;flex:none;width:40px;height:40px}.mf-selection{grid-template-columns:minmax(0,1.45fr) minmax(255px,1fr);gap:14px;display:grid}.mf-selection.mf-without-lead{grid-template-columns:1fr}.mf-selection:not(:has(.mf-pick)){grid-template-columns:1fr}.mf-picks:empty{display:none}.mf-lead{isolation:isolate;border:1px solid var(--mf-line);background:#132238;border-radius:16px;align-items:flex-end;min-height:246px;display:flex;position:relative;overflow:hidden}.mf-lead-image,.mf-lead-shade{z-index:-1;position:absolute;inset:0}.mf-lead .mf-lead-image,.mf-lead-image img,.mf-lead-image .photo-fallback{object-fit:cover;width:100%;height:100%;display:block}.mf-lead-image .photo-fallback{color:#283954;background:#132238;place-items:center;display:grid}.mf-lead-image .photo-fallback svg{width:60px}.mf-lead-shade{background:linear-gradient(#05091126,#05091133 40%,#050911f5),linear-gradient(90deg,#0509114d,#0000 58%)}.mf-hero-tag{color:#edf4ff;background:#0b1422d9;border:1px solid #99b4d447;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:16px;left:18px}.mf-hero-tag svg{color:#95bfff}.mf-lead-copy{width:100%;min-width:0;padding:85px 22px 20px}.mf-lead-copy h2{letter-spacing:-.054em;color:#fff;max-width:100%;font-size:clamp(25px,3.5vw,43px);font-weight:800;line-height:1.04}.mf-lead-copy h2 a{width:fit-content;max-width:100%}.mf-lead-copy h2 .identity-name{flex-wrap:nowrap}.mf-hero-genre{text-overflow:ellipsis;white-space:nowrap;color:#e2e7ee;max-width:100%;margin-top:5px;font-size:13px;display:block;overflow:hidden}.mf-lead-actions{flex-wrap:wrap;gap:12px;margin-top:14px}.mf-listen{color:#0d1c34;white-space:nowrap;background:#eaf1ff;border-radius:99px;min-height:38px;padding:8px 13px}.mf-listen[aria-pressed=true]{background:#c7dcff}.mf-listen.mf-listen-icon{color:#c3dcff;background:#1a2b45;border:1px solid #33445d;flex:none;width:38px;height:38px;padding:0}.mf-profile-link{text-shadow:0 1px 5px #000;min-height:36px;padding:3px 0;font-size:12px;color:#fff!important}.mf-picks{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.mf-pick{border:1px solid var(--mf-line);background:linear-gradient(115deg,#151e2a,#111722);border-radius:14px;min-width:0;overflow:hidden}.mf-side-item{align-items:center;gap:13px;min-width:0;padding:14px;display:flex}.mf-thumb{aspect-ratio:1;background:#17253a;border-radius:7px;flex:none;place-items:center;width:clamp(56px,6.5vw,76px);display:grid;overflow:hidden}.mf-thumb .edition-sleeve{border-radius:inherit;width:100%}.mf-artist-thumb{border-radius:50%}.mf-artist-thumb .photo,.mf-artist-thumb .photo img{object-fit:cover;width:100%;height:100%;display:block}.mf-side-copy{flex:1;min-width:0}.mf-side-copy h3{letter-spacing:-.036em;margin:5px 0 2px;font-size:clamp(15px,1.6vw,20px);font-weight:720;line-height:1.12}.mf-side-copy h3 a{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mf-item-label,.mf-section-label,.mf-panel-title h2,.mf-balance span{gap:7px}.mf-item-label{color:#b9c6d8;font-size:11.5px;font-weight:620}.mf-item-label svg,.mf-section-label svg,.mf-panel-title h2 svg,.mf-week-top>div>span svg,.mf-award-status>div>span svg{color:var(--mf-blue);flex:none}.mf-meta,.mf-panel-title>small{color:var(--mf-muted);font-size:12px;font-weight:500}.mf-side-copy .mf-meta{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mf-list-tools{border-top:1px solid #273343;gap:5px;min-width:0;padding:4px 9px}.mf-tool{color:#c9d8eb;background:0 0;border-radius:6px;min-height:34px;padding:6px 8px;font-size:12px}.mf-tool:disabled{color:#9cabc0;cursor:default}.mf-tool.mf-open{min-width:34px;margin-left:auto}.mf-tool svg,.mf-tab svg,.mf-profile-link svg,.mf-explore svg,.mf-artist-rail svg,.mf-mission-icon svg,.mf-listen svg{flex:none}.mf-panel,.mf-credits,.mf-welcome-mission{min-width:0}.mf-panel{border:1px solid var(--mf-line);background:#101620;border-radius:15px;padding:17px 18px}.mf-panel-title{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px}.mf-panel-title h2{letter-spacing:-.027em;font-size:16px;font-weight:720}.mf-section-label{color:#e0e8f3;font-size:13px;font-weight:700;line-height:1.3}.mf-balance{gap:7px}.mf-balance span{color:#bcd1f0;white-space:nowrap;background:#19263b;border-radius:5px;gap:5px;padding:5px 7px;font-size:11.5px}.mf-missions,.mf-history{padding:0;list-style:none}.mf-missions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:23px;display:grid}.mf-mission{border-top:1px solid #ffffff0f;align-items:center;gap:10px;min-width:0;padding:11px 0;display:flex}.mf-mission-icon{border-radius:10px;width:34px;height:34px}.mf-mission-content{flex:1;min-width:0}.mf-mission-label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mf-mission-label strong{color:#e8eef7;overflow-wrap:anywhere;font-size:13px;font-weight:620;line-height:1.25}.mf-mission-label>span{color:#afbbcd;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px}.mf-progress{background:#253043;border-radius:9px;height:4px;margin-top:7px;overflow:hidden}.mf-progress i{background:linear-gradient(90deg,#387ef7,#89bdff);height:100%;transition:width .24s;display:block}.mf-complete .mf-mission-icon{color:#9be5ca;background:#16322f}.mf-complete .mf-progress i{background:#79cdb3}.mf-points{font-variant-numeric:tabular-nums;white-space:nowrap;color:#c7d9f5;align-items:baseline;gap:3px;font-size:12px;font-weight:680;display:flex}.mf-points small{letter-spacing:.045em;font-size:8px;font-weight:600}.mf-artist-rail{flex-wrap:wrap;gap:7px;margin-top:10px}.mf-artist-rail a,.mf-badges span{border:1px solid var(--mf-line);color:#d5e2f3;background:#111a27;border-radius:24px;align-items:center;gap:7px;max-width:100%;min-height:34px;padding:5px 9px;font-size:12px;display:flex}.mf-artist-rail a>span:not(.avatar){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mf-artist-rail svg{color:var(--mf-muted)}.mf-week-graph{grid-template-columns:minmax(80px,.3fr) 1fr;align-items:center;gap:14px;margin-bottom:18px;display:grid}.mf-graph-title{gap:5px;display:grid}.mf-graph-title>strong{letter-spacing:-.05em;font-size:35px;font-weight:750;line-height:1}.mf-graph-title span,.mf-stats span,.mf-week-top>div>span,.mf-award-status>div>span{color:var(--mf-muted);font-size:12px}.mf-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:87px;padding:0 2px 17px;list-style:none;display:grid}.mf-bars li{border-bottom:1px solid #26344a;flex-direction:column;justify-content:end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.mf-bars li span{color:#b7c7df;font-size:10px}.mf-bars li i{background:linear-gradient(#76b1ff,#345ca0);border-radius:3px 3px 0 0;width:min(18px,85%);max-height:calc(100% - 14px)}.mf-bars li small{color:#a7b6c9;font-size:10px;position:absolute;top:calc(100% + 4px)}.mf-stats,.mf-award-status{border-top:1px solid var(--mf-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px;display:grid}.mf-stats>div,.mf-award-status>div{align-content:start;gap:5px;display:grid}.mf-stats strong,.mf-award-status strong{letter-spacing:-.045em;font-size:clamp(18px,2.5vw,25px);line-height:1.13}.mf-week-top{border-top:1px solid var(--mf-line);flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:14px;display:flex}.mf-week-top>div{flex:1;gap:5px;min-width:110px;display:grid}.mf-week-top>div>span,.mf-week-top>div>a,.mf-award-status>div>span{gap:6px}.mf-week-top>div>a,.mf-week-top>div>strong{font-size:14px;font-weight:650}.mf-award-status{border:0;margin-bottom:18px;padding-top:0}.mf-award-status small{color:#bdcadb;font-size:13px;font-weight:550}.mf-badges{flex-wrap:wrap;gap:7px;margin-bottom:17px}.mf-badges svg{color:var(--mf-blue)}.mf-history{margin-top:7px!important}.mf-history li{border-bottom:1px solid #ffffff0b;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:grid}.mf-history time{color:var(--mf-muted)}.mf-history li strong{font-weight:600}.mf-history li>span{color:var(--mf-blue);font-weight:650}.mf-empty{color:var(--mf-muted);padding:12px 0;font-size:13px;line-height:1.4}.mf-empty-view{justify-items:start;gap:12px;display:grid}.mf-empty-view p{color:var(--mf-muted)}.mf-explore,.mf-soft{white-space:normal;border:1px solid #578cde;border-radius:11px;min-height:43px;padding:9px 16px;font-weight:700}.mf-explore{background:linear-gradient(110deg,#2a64ce,#2557b3);color:#fff!important}.mf-soft{background:#1b2a3e;border-color:#30415b}.mf-native-dialog .mf-share,.mf-native-dialog .mf-preferences{gap:12px;display:grid}.mf-share input,.mf-search{color:#e7edf7;background:#0c121b;border:1px solid #334258;border-radius:9px;width:100%;min-width:0;font-size:14px}.mf-share input{padding:10px}.mf-share-actions,.mf-genre-list{flex-wrap:wrap;gap:8px}.mf-search{color:#b2c2d8;align-items:center;gap:8px;padding:8px 10px;display:flex}.mf-search input{color:#f5f8fc;min-width:0;font:inherit;background:0 0;border:0;flex:1}.mf-genre-list{align-content:flex-start;max-height:min(38vh,330px);padding:2px 3px;overflow:auto}.mf-genre-list button{background:#141e2c;border:1px solid #2d3b50;border-radius:30px;min-height:32px;padding:7px 11px}.mf-genre-list button[aria-pressed=true]{color:#d3e6ff;background:#203c66;border-color:#5483c4}.mf-genre-list button:disabled{opacity:.5}.mf-loading{grid-template-rows:30px 18px 1fr;gap:14px;height:310px;display:grid}.mf-loading>div{background:#17202c;border-radius:10px}.mf-loading>div:first-child{width:min(250px,70%)}.mf-loading>div:nth-child(2){width:125px}.mf-done-count{display:none}.flow-welcome{inset:var(--overlay-top,0px) auto auto var(--overlay-left,0px);width:var(--overlay-width,100%);min-width:0;max-width:none;height:100vh;height:var(--overlay-height,100dvh);overscroll-behavior:contain;color:#f4f7fd;max-height:none;text-align:initial;background:radial-gradient(at 67% 5%,#18293e 0,#0000 54%),#090e16;border:0;margin:0;padding:0;position:fixed;overflow:hidden}.flow-welcome::backdrop{background:#080b12}.flow-welcome[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.mf-welcome-bar,.mf-welcome-footer,.mf-welcome-body{--mf-edge:clamp(14px,3vw,32px);padding-left:max(var(--mf-edge),env(safe-area-inset-left));padding-right:max(var(--mf-edge),env(safe-area-inset-right))}.mf-welcome-bar{padding-top:max(12px,env(safe-area-inset-top));justify-content:space-between;gap:12px;padding-bottom:8px}.mf-welcome-bar .brand{font-size:21px}.mf-welcome-bar .brand>svg{width:24px;height:24px}.mf-welcome-bar .mf-icon{width:44px;height:44px}.mf-welcome-scroll{overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow:auto}.mf-welcome-body{flex:none;gap:18px;width:min(100%,850px);margin:auto;padding-block:12px;display:grid}.mf-welcome-body .mf-selection{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.mf-welcome-body .mf-picks{gap:10px}.mf-welcome-body .mf-lead{min-height:235px}.mf-welcome-body .mf-missions{grid-template-columns:1fr}.mf-welcome-mission{border:1px solid var(--mf-line);background:#111a26;border-radius:13px;padding:13px 16px 4px}.mf-welcome-mission .mf-mission{border:0}.mf-welcome-footer{width:min(100%,850px);padding-top:8px;padding-bottom:max(16px,env(safe-area-inset-bottom));justify-content:flex-end;margin-inline:auto;display:flex}@media (hover:hover){.mf-icon:hover,.mf-soft:hover,.mf-genre-list button:not(:disabled):hover,.mf-tool:not(:disabled):hover,.mf-artist-rail a:hover{background:#233249}.mf-listen:hover{background:#fff}.mf-listen.mf-listen-icon:hover{color:#fff;background:#254d86}.mf-explore:hover{background:#326bd1}.mf-side-copy a:hover,.mf-profile-link:hover{color:#bad6ff!important}}@media (min-width:761px){.mf-panel,.mf-lead,.mf-pick,.mf-credits{animation:.19s ease-out both mf-arrive}.mf-pick:nth-child(2){animation-delay:35ms}}@keyframes mf-arrive{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:760px){.mf-page{gap:15px}.mf-title-wrap{gap:9px}.mf-title-icon{border-radius:11px;width:36px;height:36px}.mf-title-wrap :is(h1,h2){font-size:27px}.mf-user{max-width:34%}.mf-selection,.mf-welcome-body .mf-selection{grid-template-columns:1fr;gap:9px}.mf-lead{min-height:210px}.mf-picks,.mf-welcome-body .mf-picks{border:1px solid var(--mf-line);background:#121a26;border-radius:13px;gap:0;overflow:hidden}.mf-pick{background:0 0;border:0;border-radius:0}.mf-pick+.mf-pick{border-top:1px solid var(--mf-line)}.mf-side-item{gap:10px;padding:10px 12px}.mf-thumb{width:52px}.mf-side-copy h3{font-size:17px}.mf-list-tools{border:0;justify-content:flex-start;margin:-2px 0 0 63px;padding:2px 10px 5px}.mf-missions{grid-template-columns:1fr}.mf-panel{padding:14px}.mf-panel-title{gap:8px;margin-bottom:8px}.mf-lead-copy{padding:72px 16px 15px}.mf-hero-tag{top:13px;left:13px}.mf-lead-copy h2{font-size:clamp(25px,7vw,36px)}.mf-balance{gap:5px}.mf-week-graph{grid-template-columns:86px 1fr;gap:8px}.mf-welcome-body .mf-lead{min-height:clamp(173px,24svh,220px)}.mf-welcome-body,.mf-welcome-footer{max-width:595px}.mf-welcome-body{gap:12px;padding-block:8px}.mf-welcome-bar .brand{font-size:18px}.mf-welcome-bar .brand>svg{width:21px;height:21px}.mf-welcome-body .mf-listen,.mf-welcome-body .mf-icon{min-height:40px}.mf-welcome-mission{padding:10px 12px 1px}.mf-welcome-footer .mf-explore{width:100%}.mf-history li{grid-template-columns:max-content minmax(0,1fr) max-content}.mf-balance span{font-size:10px}}@media (max-width:380px){.mf-tabs button{gap:4px;padding:6px 7px;font-size:12px}.mf-tabs{gap:0}.mf-nav{gap:5px}.mf-item-label,.mf-meta{font-size:11px}.mf-list-tools{margin-left:0}.mf-hero-genre{font-size:12px}.mf-points{gap:1px}.mf-section-label{font-size:12px}.mf-user{max-width:32%}.mf-mission{gap:6px}.mf-mission-icon{width:29px;height:29px}.mf-panel-title h2{font-size:14px}}@media (max-width:760px){.mf-page,.mf-welcome-body{grid-template-columns:minmax(0,1fr)}.mf-title-wrap :is(h1,h2){white-space:nowrap;font-size:clamp(21px,6.4vw,27px)}.mf-title-wrap time,.mf-tabs button,.mf-badges span,.mf-genre-list button,.mf-item-label,.mf-panel-title h2,.mf-panel-title>small,.mf-section-label,.mf-profile-link,.mf-explore,.mf-soft,.mf-tool,.mf-graph-title,.mf-week-top>div>span,.mf-stats span,.mf-award-status>div>span,.mf-award-status strong,.mf-history li,.mf-empty{white-space:nowrap}.mf-head,.mf-nav,.mf-panel-title{flex-wrap:nowrap}.mf-head{gap:8px}.mf-tabs button svg,.mf-badges svg,.mf-week-top a svg,.mf-genre-list button svg,.mf-title-wrap{flex:none}.mf-user{min-width:0}.mf-panel-title>small{font-variant-numeric:tabular-nums}.mf-mission-label strong,.mf-history li strong,.mf-week-top>div>a>span,.mf-week-top>div>strong,.mf-share>strong,.mf-award-status strong{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;min-width:0;max-width:100%;display:block;overflow:hidden}.mf-mission-label>span,.mf-history li>span,.mf-history time{font-variant-numeric:tabular-nums;flex:none}.mf-mission-label{gap:5px}.mf-mission-icon{flex:none}.mf-done-word{display:none}.mf-done-count{display:inline}.mf-history li{font-variant-numeric:tabular-nums;gap:8px;min-height:36px}.mf-stats>div,.mf-award-status>div,.mf-week-top>div>a{min-width:0}.mf-badges span{white-space:nowrap;max-width:100%}.mf-history li strong,.mf-mission-label strong{text-overflow:clip;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.mf-history li strong::-webkit-scrollbar{display:none}.mf-mission-label strong::-webkit-scrollbar{display:none}.mf-artist-rail a{min-width:0}.mf-share input{font-size:16px}}@media (max-width:540px){.mf-stats,.mf-award-status,.mf-week-top{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.mf-stats>div,.mf-award-status>div,.mf-week-top>div{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:39px;display:flex}.mf-stats>div:last-child,.mf-award-status>div:last-child,.mf-week-top>div:last-child{border-bottom:0}.mf-stats>div span{order:-1}.mf-stats strong,.mf-award-status strong{font-variant-numeric:tabular-nums;font-size:17px}.mf-week-top>div>span,.mf-award-status>div>span{flex:none}.mf-week-top>div>strong,.mf-week-top>div>a{text-align:right;max-width:55%}.mf-award-status{margin-bottom:13px}}@media (max-width:380px){.mf-panel{padding-inline:11px}.mf-panel-title,.mf-mission{gap:5px}.mf-balance span{gap:3px;padding-inline:4px}.mf-balance svg{width:12px}.mf-history li,.mf-week-top>div{gap:6px}.mf-tabs button{min-height:40px}}@media (max-width:359px){.mf-points small{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.mf-history li{grid-template-columns:max-content minmax(0,1fr) max-content;gap:5px}}@media (prefers-reduced-motion:reduce){.mf-surface *,.mf-surface :before,.mf-surface :after{transition:none!important;animation:none!important}}.flow-welcome.mf-dialog-fallback[open]{z-index:2147483646}