.pg{padding:8px var(--pad) 24px;max-width:1320px}.pg-head{min-width:0;padding:8px 0 32px}.pg-head h1{font-size:var(--fs-h1);letter-spacing:-.035em;overflow-wrap:anywhere;line-height:1}.pg-line{color:var(--ink-2);overflow-wrap:anywhere;max-width:62ch;margin:12px 0 0;font-size:15px;line-height:1.5}.pg-line .mono{font-size:14px}.sec{min-width:0;padding:0 0 48px}.none{color:var(--ink-2);border-top:1px solid var(--hair);padding:18px 0 8px;font-size:15px}.none p{max-width:56ch;margin:0 0 10px}.none .tx{color:var(--ink);font-size:15px}.say{border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);align-items:flex-start;gap:14px;margin:0 0 24px;padding:14px 0;font-size:15px;display:flex}.say .stringo{flex:none;width:30px;height:38px}.say .t{font-weight:700}.say .s{color:var(--ink-2);margin-top:2px;font-size:14px}.say .tx{margin-top:8px}.say.is-error{border-top-color:var(--error)}.say.is-error .t{color:var(--error)}.notice{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);box-shadow:none;background:0 0;border-radius:0;align-items:flex-start;gap:14px;margin:0 0 24px;padding:14px 0;animation:none;display:flex}.notice svg{width:30px;height:38px}.notice .t{font-weight:700}.notice .s{color:var(--ink-2);font-size:14px}.form-ok,.form-error,.form-note{background:0 0;border:0;border-left:2px solid;border-radius:0;margin:0 0 20px;padding:4px 0 4px 12px;font-size:14px;animation:none}.form-ok{color:var(--ok)}.form-error{color:var(--error)}.form-note{color:var(--ink-2)}.person img{display:block}.people{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.pr{border-bottom:1px solid var(--hair);align-items:center;gap:14px;min-width:0;padding:10px 0;display:flex}.pr-link{flex:1;align-items:center;gap:14px;min-width:0;min-height:44px;display:flex}.pr-words{min-width:0;display:grid}.pr-words .n{font-size:var(--fs-title);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pr-words .m{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pr-link:hover .n{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.pr .follow-wrap{flex:none}.pr.is-big{padding:14px 0}.pr.is-big .n{letter-spacing:-.025em;font-size:24px}.pr.is-big .m{font-size:14px}.songs{border-top:1px solid var(--ink);min-width:0}.sr-list{margin:0;padding:0;list-style:none}.sr{border-bottom:1px solid var(--hair);align-items:center;gap:16px;min-width:0;min-height:64px;padding:8px 0;display:flex}.sr-head{min-height:0;color:var(--ink-2);padding:9px 0 8px;font-size:12px;font-weight:500}.sr-head .sr-num,.sr-head .sr-date{font-family:var(--sans);color:var(--ink-2);font-size:12px}.sr-date{width:88px;color:var(--ink-2);flex:none}.sr-cover{flex:none;width:48px}.sr-head .sr-cover{height:0}.sr-words{flex:1;align-content:center;align-self:stretch;min-width:0;min-height:44px;display:grid}.sr-words .t{font-size:var(--fs-title);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sr-words .t .now-mark{margin:-2px 8px 0 0}a.sr-words:hover .t{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.sr-words .a{font-size:var(--fs-2);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-sub{color:var(--ink-2);white-space:pre;text-overflow:ellipsis;font-size:12px;display:none;overflow:hidden}.sr-num{text-align:right;color:var(--ink-2);white-space:nowrap;flex:none}.sr-bpm{width:64px}.sr-key{width:76px}.sr-plays{width:64px;color:var(--ink)}.sr-len{width:44px}.sr-heart{flex:none;justify-content:flex-end;width:56px;display:flex}.sr-heart .like{padding-right:0}.sr-cover .play-cover-key,[data-touch="1"] .sr-cover .play-cover-key{width:36px;height:36px;bottom:6px;left:6px}.sr-cover .play-cover-key svg{width:14px;height:14px}[data-touch="1"] .sr-cover .play-cover-key{opacity:0}[data-touch="1"] .sr-cover.is-active .play-cover-key{opacity:1}.sheet{border-top:1px solid var(--ink)}.sheet-foot{flex-wrap:wrap;align-items:center;gap:14px 24px;padding:24px 0 0;display:flex}.field{margin-bottom:18px}.field .hint{color:var(--ink-2);font-size:13px}.field input[type=text],.field input[type=email],.field input[type=password],.field select,.field textarea,.input{padding:11px 12px;font-size:15px}.field textarea{min-height:96px}.field select{padding-right:32px}.password-wrap .eye{border-radius:0;width:40px;height:40px;right:2px}[data-touch="1"] .password-wrap .eye{width:44px;height:44px;right:0}.password-wrap .eye:hover{color:var(--ink);background:0 0}.strength .bars{gap:3px}.strength .bars span{background:var(--pad-off);border-radius:0;height:6px}.strength.s-1 .bars span:nth-child(-n+1),.strength.s-2 .bars span:nth-child(-n+2),.strength.s-3 .bars span:nth-child(-n+3),.strength.s-4 .bars span{background:var(--pad-on)}.strength .label,.strength.s-1 .label,.strength.s-4 .label{color:var(--ink);font-weight:600}.strength .row-text{color:var(--ink-2)}.checkline,.field>label.checkline{color:var(--ink-2);font-size:14px}.checkline input{appearance:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--pad-line);background:radial-gradient(var(--pad-off), var(--pad-off)) center / 6px 6px no-repeat;cursor:pointer;border:0;border-radius:0;margin:0}.checkline input:checked{box-shadow:none;background:var(--ink) radial-gradient(var(--led), var(--led)) center / 6px 6px no-repeat}.checkline input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}[data-touch="1"] .checkline{min-height:44px}[data-touch="1"] .checkline input{width:24px;height:24px}.find{border-bottom:2px solid var(--ink);align-items:center;gap:12px;margin:0 0 32px;padding:4px 0 8px;display:flex}.find svg{width:28px;height:28px;color:var(--ink);flex:none}.find input{letter-spacing:-.03em;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:30px;font-weight:700}.find input::placeholder{color:var(--ink-3);font-weight:500}.find input::-webkit-search-cancel-button{display:none}.find .tx{flex:none;font-size:15px}.find:focus-within{border-bottom-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.sorts{flex-wrap:wrap;gap:4px 20px;font-size:15px;display:flex}.sorts a{color:var(--ink-2);text-underline-offset:4px;align-items:center;min-height:32px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;display:inline-flex}.sorts a:hover{color:var(--ink);-webkit-text-decoration-color:var(--hair-2);text-decoration-color:var(--hair-2)}.sorts a[aria-current=true]{color:var(--ink);font-weight:700;text-decoration-color:currentColor}[data-touch="1"] .sorts a{min-height:44px}.pager{color:var(--ink-2);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:14px;display:flex}.pager .inline-actions{gap:22px}.pager .tx{font-size:15px}.genres{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.genres li{border-bottom:1px solid var(--hair);min-width:0}.genre{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:44px;padding:12px 0;display:grid}.genre .n{font-size:var(--fs-title);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.genre .c{color:var(--ink-2)}.genre:hover .n{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.genre[aria-current=page] .n:before{content:"";background:var(--ink);width:8px;height:8px;margin:0 8px 2px 0;display:inline-block}.specs{border-top:1px solid var(--ink);margin:0}.specs div{border-bottom:1px solid var(--hair);grid-template-columns:112px minmax(0,1fr);align-items:baseline;gap:16px;padding:10px 0;display:grid}.specs dt{color:var(--ink-2);font-size:13px}.specs dd{font-family:var(--mono);font-size:var(--fs-num);color:var(--ink);overflow-wrap:anywhere;margin:0}.specs dd.words{font-family:var(--sans);font-size:14px}.specs dd a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hair-2);text-decoration-color:var(--hair-2)}.cover-pick{align-items:flex-start;gap:16px;display:flex}.cover-pick .preview{background:var(--paper-2);border:0;border-radius:0;flex:none;width:112px;height:112px;overflow:hidden}.upload-form .cover-pick .preview{width:128px;height:128px}.cover-pick .inline-actions{flex-wrap:wrap;gap:4px 20px}.cropper{border:1px solid var(--ink);background:var(--paper);box-shadow:none;border-radius:0;animation:none}.cropper-frame{border-radius:0}.cropper .inline-actions{gap:20px}.cropper-overlay{background:#0e0e0d8c}.dropzone{border:1px solid var(--hair-2);text-align:left;background:0 0;border-radius:0;padding:28px 20px}.dropzone:hover,.dropzone.is-over{border-color:var(--ink);background:var(--paper-2)}.dropzone.has-file{border-color:var(--hair-2);padding:16px}.dropzone .big{letter-spacing:-.01em;font-size:17px;font-weight:700}.dropzone .hint{color:var(--ink-2)}.dropzone .file .name{font-weight:700}.dropzone .file .tx{flex:none}.heard{border-top:1px solid var(--hair);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:0 16px;margin:14px 0 0;display:grid}.heard div{border-bottom:1px solid var(--hair);gap:1px;min-width:0;padding:8px 0;display:grid}.heard dt{color:var(--ink-2);font-size:12px}.heard dd{font-family:var(--mono);font-size:var(--fs-num);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.heard dd.is-bad{color:var(--error)}.heard-note{color:var(--ink-2);margin:8px 0 0;font-size:13px}.upload-progress{gap:8px;margin:0 0 4px;display:grid}.upload-progress .steps{--h:14px}.upload-progress .small{font-family:var(--mono);color:var(--ink-2);font-size:13px}.trimmer{border:0;border-top:1px solid var(--hair);box-shadow:none;background:0 0;border-radius:0;padding:14px 0 0}.trimmer-wave{border-radius:0}.trimmer-head{background:var(--led)}.trimmer-handle:after{background:var(--ink);border-radius:0}.trimmer-times{font-family:var(--mono)}.trimmer-times .muted{font-family:var(--sans)}.trimmer .hint{color:var(--ink-2);font-size:13px}[data-touch="1"] .trimmer-handle{width:44px}[data-touch="1"] .trimmer-handle.is-end{transform:translate(-44px)}.license-picker{border-top:1px solid var(--hair);grid-template-columns:1fr;gap:0;display:grid}.license-opt{border:0;border-bottom:1px solid var(--hair);box-shadow:none;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;display:grid}.license-opt:hover{border-color:var(--hair)}.license-opt .key{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--pad-line);place-items:center;display:grid}.license-opt .key:after{content:"";background:var(--pad-off);width:10px;height:10px}.license-opt.is-selected{box-shadow:none;border-color:var(--hair)}.license-opt.is-selected .key{background:var(--ink);box-shadow:none}.license-opt.is-selected .key:after{background:var(--led)}.license-opt input{opacity:0;pointer-events:none;position:absolute}.license-opt:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.license-opt .name{letter-spacing:-.01em;font-size:16px;font-weight:700;display:block}.license-opt .desc{color:var(--ink-2);margin:2px 0 0;font-size:14px;display:block}.license-note{color:var(--ink-2);margin:10px 0 0;font-size:13px}.tempo{max-width:560px;margin:0 0 28px}.tempo-head{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;font-size:14px;display:flex}.tempo-head strong{color:var(--ink);font-size:15px;font-weight:700}.steps.is-hist{--h:40px;--g:3px;--gg:8px;--u:1.2px;--th:14px;--cg:8px}.steps.is-hist .step{align-items:flex-end;display:flex}.steps.is-hist .step i{background:var(--pad-on);width:100%;display:block}.steps.is-hist .step.is-here i{background:var(--led)}.tempo-scale{font-family:var(--mono);color:var(--ink-2);justify-content:space-between;margin-top:2px;padding-right:32px;font-size:12px;display:flex}.artist-page{--page:var(--paper);background:var(--page);color:var(--ink)}#main:has(>.artist-page[data-tone]){flex-direction:column;display:flex}#main>.artist-page[data-tone]{flex:1 0 auto}.stage:has(>#main>.artist-page[data-tone]) .site-footer{margin-top:0}.artist-page[data-bg=soft]{--page:color-mix(in oklab, var(--p-accent,var(--ink-3)) 6%, var(--paper))}.artist-blur:after{background:var(--paper);opacity:.92}.artist-stats{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex;margin:0!important}.artist-stats span+span:before{content:none}.artist-stats .mono{color:var(--ink)}.avatar-big{background:var(--mark,var(--ink));color:#f1efe9;border-radius:0;width:160px;height:160px;font-size:64px;font-weight:700}.avatar-big.is-static{cursor:default}button.avatar-big:hover{box-shadow:0 0 0 1px var(--ink);transform:none}.preview-label{font-size:var(--fs-label);color:var(--ink-2);margin:0 0 8px;font-weight:500}.profile-preview{border:1px solid var(--hair-2);box-shadow:none;border-radius:0;margin:0 0 40px;position:relative;overflow:hidden}.profile-preview .artist-band{height:140px}.profile-preview .pg{padding-top:0;padding-bottom:0}.profile-preview .artist-head{padding-bottom:28px}.profile-preview .artist-head:not(.has-band){padding-top:32px}.profile-preview .artist-head h1{font-size:44px}.profile-preview .avatar-big{width:128px;height:128px;font-size:52px}.profile-preview .featured{margin:0 var(--pad) 28px}.band-tools{gap:6px}.band-tools .tx{color:var(--ink);-webkit-text-decoration-color:var(--hair-2);text-decoration-color:var(--hair-2)}.artist-band.has-image .band-tools .tx{background:var(--paper);padding:6px 10px}.band-hint{background:var(--paper);color:var(--ink-2);border:0;border-radius:0;padding:4px 8px;font-size:12px}.band-error{background:var(--paper);color:var(--error);border:0;border-radius:0}.avatar-picker.is-compact .avatar-actions{flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:13px}.avatar-picker.is-compact .avatar-actions button{color:var(--ink);-webkit-text-decoration-color:var(--hair-2);text-decoration-color:var(--hair-2);text-underline-offset:4px}[data-touch="1"] .avatar-picker.is-compact .avatar-actions button,[data-touch="1"] .band-tools .tx{min-height:44px}.editor-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:56px;padding-bottom:24px;display:grid}.editor-grid>div{min-width:0}.swatches{gap:8px}.swatches .swatch{border:0;border-radius:0;width:40px;height:40px;padding:0}.swatches .swatch span{width:32px;height:32px;box-shadow:none;border-radius:0}.swatches .swatch.is-none span{box-shadow:inset 0 0 0 1px var(--pad-line);background:0 0}.swatches .swatch.is-custom span{background:var(--sw,var(--paper-2));box-shadow:inset 0 0 0 1px var(--pad-line)}.swatches .swatch:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}.swatches input[type=color]{border:1px solid var(--hair-2);background:0 0;border-radius:0;width:44px;height:40px;padding:2px}[data-touch="1"] .swatches .swatch,[data-touch="1"] .swatches input[type=color]{width:44px;height:44px}.choice-row{border-top:1px solid var(--hair);gap:0;display:grid}.choice{border:0;border-bottom:1px solid var(--hair);min-height:52px;color:var(--ink);background:0 0;border-radius:0;align-items:center;gap:14px;padding:4px 0;font-size:15px;display:flex}.choice:before{content:"";width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--pad-line);background:radial-gradient(var(--pad-off), var(--pad-off)) center / 8px 8px no-repeat;flex:none}.choice:has(input:checked){border-color:var(--hair);color:var(--ink);background:0 0;font-weight:600}.choice:has(input:checked):before{background:var(--ink) radial-gradient(var(--led), var(--led)) center / 8px 8px no-repeat;box-shadow:none}.link-row{grid-template-columns:132px minmax(0,1fr) 44px}.link-row .remove{width:44px;height:44px;color:var(--ink-2);place-items:center;padding:0;display:grid}.link-row .remove svg{width:16px;height:16px}.own-songs .sr-acts{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px 16px;display:flex}.own-songs .sr-sub.is-on{white-space:pre-wrap;display:block}.label-text{display:block}.own-songs .sr-acts .tx{font-size:14px}.lib{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:0 56px;display:grid}.lib-side{gap:0;min-width:0;display:grid}.lib-drafts{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.lib-drafts li{border-bottom:1px solid var(--hair)}.lib-drafts a{justify-content:space-between;align-items:baseline;gap:16px;min-height:44px;padding:12px 0;display:flex}.lib-drafts .n{font-size:var(--fs-title);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.lib-drafts .w{font-family:var(--mono);font-size:var(--fs-num);color:var(--ink-2);flex:none}.lib-drafts a:hover .n{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.artist-stats.you-nums{margin:14px 0 0!important}.help-panel .head{border-bottom:1px solid var(--line);gap:10px;padding:8px 8px 8px 16px}.help-panel .head svg{width:28px;height:34px}.help-panel .head .t{letter-spacing:-.01em;font-size:16px;font-weight:800}.help-panel .head .s{color:var(--ink-2);font-size:13px}.help-panel .head .tx{border-radius:var(--r-pill);min-height:36px;color:var(--ink);background:var(--surface);padding:0 14px;font-size:14px;text-decoration:none}.help-panel .head .tx:hover{background:var(--surface-2)}[data-touch="1"] .help-panel .head .tx{min-height:44px}.help-panel .body{gap:12px;padding:16px}.bubble{max-width:88%;animation:fade-in var(--t) var(--ease) both;border-radius:18px;padding:10px 14px;font-size:15px;line-height:1.45}.bubble.from-stringo{background:var(--surface);color:var(--ink);border-bottom-left-radius:6px;align-self:flex-start}.bubble.from-you{background:var(--ink);color:var(--bg);border-bottom-right-radius:6px;align-self:flex-end}.bubble.is-typing{color:var(--ink-2)}.bubble .think{gap:8px;width:200px;max-width:100%;padding:4px 0;display:grid}.bubble .think .steps{--h:12px}.bubble .think span{color:var(--ink-2);font-size:13px}.help-panel .chips{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.help-panel .chips button{border-radius:var(--r-pill);min-height:36px;color:var(--ink);background:var(--surface);text-align:left;border:0;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none}.help-panel .chips button:hover{background:var(--surface-2);color:var(--ink)}[data-touch="1"] .help-panel .chips button{min-height:44px}.help-panel .bubble .chips{padding:8px 0 0}.compose-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--bg);gap:2px;margin-top:10px;padding:12px}.compose-card strong{letter-spacing:-.01em;font-size:16px}.compose-card>span{color:var(--ink-2);font-size:13px}.compose-card .actions{align-items:center;gap:8px;margin-top:10px}.help-panel .help-modes{border-top:1px solid var(--line);flex-wrap:wrap;gap:4px 16px;padding:4px 16px}.help-panel .smart-chip{min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.help-panel .smart-chip:before{content:"";background:var(--surface-2) radial-gradient(circle at 9px 9px, var(--bg) 6px, transparent 6.5px);width:32px;height:18px;transition:background var(--t) var(--ease);border-radius:9px;flex:none}.help-panel .smart-chip.is-on{color:var(--ink);background:0 0}.help-panel .smart-chip.is-on:before{background:var(--ink) radial-gradient(circle at 23px 9px, var(--bg) 6px, transparent 6.5px)}.help-panel .smart-chip:hover{border:0}[data-touch="1"] .help-panel .smart-chip{min-height:44px}.help-panel .help-modes small{color:var(--ink-2);font-size:12px}.help-panel .mode-row{border-top-color:var(--line);color:var(--ink-2);font-size:13px}.help-panel form{border-top:1px solid var(--line);align-items:center;gap:8px;margin:0;padding:8px 8px 8px 12px;display:flex}.help-panel form input{border-radius:var(--r-pill);background:var(--surface);flex:1;min-width:0;height:40px;padding:0 16px;font-size:15px}.help-panel form input:focus-visible{box-shadow:inset 0 0 0 1px var(--ink);outline:0}.help-panel form button{border-radius:var(--r-pill);background:var(--ink);min-width:64px;min-height:40px;color:var(--on-ink);padding:0 16px;font-size:14px;font-weight:700;text-decoration:none}.help-panel form button:disabled{background:var(--surface);color:var(--ink-2)}[data-touch="1"] .help-panel form input,[data-touch="1"] .help-panel form button{height:44px;min-height:44px}@container page (max-width:967px){.sr-date,.sr-bpm,.sr-key{display:none}.songs.has-date .sr-sub,.songs.has-heard .sr-sub{display:block}.lib,.editor-grid{grid-template-columns:minmax(0,1fr)}.lib-side{margin-top:8px}}@media (max-width:767px){:root{--fs-h1:36px}.pg{padding:4px 16px 8px}.pg-head{padding:4px 0 24px}.sec{padding-bottom:40px}.sr{gap:12px;min-height:68px}.sr-cover{width:52px}.sr-plays,.sr-head,.songs.has-date .sr-len,.songs.has-heard .sr-len{display:none}.sr-heart{width:44px}.find input{font-size:24px}.find svg{width:24px;height:24px}.genres{grid-template-columns:minmax(0,1fr)}.cover-pick{flex-direction:column}.avatar-big,.artist-head>.person{width:104px;height:104px;font-size:44px}.profile-preview .artist-head h1{font-size:32px}.profile-preview .avatar-big{width:88px;height:88px;font-size:36px}.link-row{grid-template-columns:minmax(0,1fr) 44px}.link-row select{grid-column:1/-1}.help-panel .head .tx{padding:0 8px}}.results .people{border-top:0}[data-touch="1"] .btn-secondary,[data-touch="1"] .btn-danger{min-height:44px}.play-all{flex-wrap:wrap;align-items:center;gap:12px 22px;display:inline-flex}.play-all .play-all-key{gap:10px;min-height:48px;padding:0 20px 0 16px;font-size:15px}.play-all .play-all-key svg{width:16px;height:16px}.play-all .shuffle-key{background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background var(--t) var(--ease), transform var(--t-fast) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.play-all .shuffle-key:hover{background:var(--surface-2)}.play-all .shuffle-key:active{transform:scale(.94)}.play-all .shuffle-key svg{width:20px;height:20px}[data-touch="1"] .play-all .shuffle-key{width:44px;height:44px}@media (hover:none){.play-all .shuffle-key:hover{background:var(--surface)}}.avatar-big{cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.avatar-big img{object-fit:cover;width:100%;height:100%;display:block}.avatar-big.is-busy{opacity:.6}.artist-blur{pointer-events:none;position:absolute;inset:0;overflow:hidden}.artist-blur .img{filter:blur(48px)saturate(.8);background-position:50%;background-size:cover;position:absolute;inset:-60px;transform:scale(1.1)}.artist-page,.artist-page>*{position:relative}.artist-band{position:relative;overflow:hidden}.band-tools{z-index:2;display:flex;position:absolute;bottom:12px;right:12px}.band-hint{z-index:2;pointer-events:none;position:absolute;bottom:12px;left:12px}.band-error{z-index:2;padding:3px 8px;font-size:12px;position:absolute;top:40px;left:12px}.band-drag{z-index:1;cursor:ns-resize;touch-action:pan-x;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.avatar-picker.is-compact{display:block}.avatar-picker.is-compact .avatar-actions{white-space:nowrap;display:flex}.avatar-picker.is-compact .avatar-actions button{text-decoration:underline;text-decoration-thickness:1px}.avatar-picker.is-compact .text-red{margin-top:6px;font-size:12px}.swatches{flex-wrap:wrap;align-items:center;display:flex}.swatches .swatch{cursor:pointer;place-items:center;display:grid;position:relative}.swatches .swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatches .swatch span{background:var(--sw)}.swatches .swatch:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.choice{cursor:pointer;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.link-row{align-items:center;gap:8px;margin-bottom:8px;display:grid}.link-row select,.link-row input{border:1px solid var(--hair-2);color:var(--ink);background:0 0;border-radius:0;padding:10px;font-size:15px}.cropper-overlay{z-index:60;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.artist-blur .img{transform:none}}.upload-form.form{max-width:860px}.cover-pick .hint,.cover-hint{color:var(--ink-2);max-width:48ch;font-size:13px}@media (max-width:600px){.band-tools{top:10px;bottom:auto}}[data-touch="1"] .field input[type=text],[data-touch="1"] .field input[type=email],[data-touch="1"] .field input[type=password],[data-touch="1"] .field select,[data-touch="1"] .field textarea,[data-touch="1"] .input,[data-touch="1"] .help-panel form input,[data-touch="1"] .link-row select,[data-touch="1"] .link-row input{font-size:16px}[data-device=phone] .pg-line .mono,[data-device=phone] .say .s,[data-device=phone] .notice .s,[data-device=phone] .form-ok,[data-device=phone] .form-error,[data-device=phone] .form-note,[data-device=phone] .pr-words .m,[data-device=phone] .pr.is-big .m,[data-device=phone] .follow-error,[data-device=phone] .followers,[data-device=phone] .sr-head,[data-device=phone] .sr-head .sr-num,[data-device=phone] .sr-head .sr-date,[data-device=phone] .sr-sub,[data-device=phone] .field .hint,[data-device=phone] .checkline,[data-device=phone] .field>label.checkline,[data-device=phone] .pager,[data-device=phone] .remixed-from,[data-device=phone] .song-lic,[data-device=phone] .specs dt,[data-device=phone] .specs dd.words,[data-device=phone] .comment .who,[data-device=phone] .comment .who .tag,[data-device=phone] .comment .who .when,[data-device=phone] .comment .who .at,[data-device=phone] .comment .rm,[data-device=phone] .comment-form .count,[data-device=phone] .comment-form .err,[data-device=phone] .report,[data-device=phone] .download-wrap .menu a,[data-device=phone] .download-wrap .menu button,[data-device=phone] .heard dt,[data-device=phone] .heard-note,[data-device=phone] .upload-progress .small,[data-device=phone] .trimmer .hint,[data-device=phone] .license-opt .desc,[data-device=phone] .license-note,[data-device=phone] .artist-stats,[data-device=phone] .profile-links a,[data-device=phone] .featured-tag,[data-device=phone] .preview-label,[data-device=phone] .band-hint,[data-device=phone] .avatar-picker.is-compact .avatar-actions,[data-device=phone] .own-songs .sr-acts .tx,[data-device=phone] .you-sec .hint-sm,[data-device=phone] .device-here,[data-device=phone] .device-meta,[data-device=phone] .help-panel .head .s,[data-device=phone] .help-panel .head .tx,[data-device=phone] .bubble .think span,[data-device=phone] .help-panel .chips button,[data-device=phone] .compose-card>span,[data-device=phone] .help-panel .smart-chip,[data-device=phone] .help-panel .help-modes small,[data-device=phone] .help-panel .mode-row,[data-device=phone] .band-error,[data-device=phone] .avatar-picker.is-compact .text-red,[data-device=phone] .cover-pick .hint,[data-device=phone] .cover-hint{font-size:15px}