@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/94a6d9b3ae777797-s.1go0d5nq_-w5a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/fc566e733948aae3-s.p.3sn1m8e9yfo1w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:24.72%;line-gap-override:0.0%;size-adjust:101.13%}.dShx6W_className{font-family:Funnel Sans,Funnel Sans Fallback;font-style:normal}.dShx6W_variable{--font-funnel:"Funnel Sans", "Funnel Sans Fallback"}
@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.TmvNKa_className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:normal;font-weight:400}.TmvNKa_variable{--font-instrument-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:grotesk;src:url(../media/OverusedGrotesk_VF-s.p.0ik0r-4zj2kl1.ttf)format("truetype");font-display:swap;font-weight:300 900}@font-face{font-family:grotesk Fallback;src:local(Arial);ascent-override:107.78%;descent-override:37.72%;line-gap-override:0.0%;size-adjust:92.78%}._1uqoAq_className{font-family:grotesk,grotesk Fallback}._1uqoAq_variable{--font-grotesk-face:"grotesk", "grotesk Fallback"}
:root{--bg:#f7f7f7;--surface:#fff;--ink:#000;--ink-80:#000c;--ink-60:#0009;--ink-45:#00000073;--ink-30:#0000004d;--hairline:#00000014;--wash:#0000000a;--wash-strong:#00000012;--danger:#c01d1d;--font-sans:var(--font-funnel), system-ui, -apple-system, sans-serif;--font-editorial:"PP Editorial Old", "PPEditorialOld-Regular", var(--font-instrument-serif), Georgia, serif;--font-grotesk:var(--font-grotesk-face), var(--font-sans);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.25, 1, .5, 1);--page-pad:16px;--gutter:8px;--r-lg:34px;--r-md:20px;--r-sm:14px;--art-shadow:drop-shadow(#00000003 0 33px 4.5px) drop-shadow(#0000000a 0 21px 4.5px) drop-shadow(#00000024 0 12px 3.5px) drop-shadow(#0000003b 0 5px 2.5px) drop-shadow(#00000045 0 1px 1.5px)}*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;padding-bottom:120px;font-size:16px;line-height:1.45}a{color:inherit}button,input,textarea{font:inherit;color:inherit}img{display:block}::selection{background:var(--ink);color:#fff}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-wide{padding:var(--page-pad) var(--page-pad) 0}.page-column{max-width:760px;margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-label{color:var(--ink-45);justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:15px;font-weight:500;display:flex}.edge-blur{z-index:20;pointer-events:none;position:fixed;left:0;right:0}.edge-blur-top{--dir:to top;height:44px;top:0}.edge-blur-bottom{--dir:to bottom;height:104px;bottom:0}.edge-blur>i{-webkit-backdrop-filter:blur(var(--b));backdrop-filter:blur(var(--b));-webkit-mask-image:var(--m);-webkit-mask-image:var(--m);mask-image:var(--m);position:absolute;inset:0}.edge-blur>i:first-child{--b:.5px;--m:linear-gradient(var(--dir), transparent 0.0%, #000 16.6%, #000 33.3%, transparent 50.0%)}.edge-blur>i:nth-child(2){--b:1px;--m:linear-gradient(var(--dir), transparent 16.6%, #000 33.2%, #000 49.9%, transparent 66.6%)}.edge-blur>i:nth-child(3){--b:2px;--m:linear-gradient(var(--dir), transparent 33.2%, #000 49.8%, #000 66.5%, transparent 83.2%)}.edge-blur>i:nth-child(4){--b:4px;--m:linear-gradient(var(--dir), transparent 49.8%, #000 66.4%, #000 83.1%, transparent 99.8%)}.edge-blur>i:nth-child(5){--b:8px;--m:linear-gradient(var(--dir), transparent 66.4%, #000 83.0%)}.edge-blur>i:nth-child(6){--b:16px;--m:linear-gradient(var(--dir), transparent 83.0%, #000 99.6%)}.edge-blur:after{content:"";background:linear-gradient(var(--dir), transparent 30%, #f7f7f78c);position:absolute;inset:0}.grid{columns:3 380px;column-gap:var(--gutter)}@media (min-width:2100px){.grid{column-count:4}}.js .grid-reveal>.card:not(.is-in){opacity:0;transform:translateY(24px)scale(.985)}.grid-reveal>.card{transition:opacity calc(.52s + var(--weight,.5) * .38s) cubic-bezier(.33, 0, .2, 1), transform calc(.76s + var(--weight,.5) * .56s) var(--spring);transition-delay:var(--reveal-delay,0s)}.js .grid-reveal:not(.reveal-ready)>.card{animation:.6s 2s forwards reveal-fallback}@keyframes reveal-fallback{to{opacity:1;transform:none}}.card{break-inside:avoid;margin:0 0 var(--gutter);border-radius:clamp(22px, 5.862cqi, var(--r-lg));position:relative;container-type:inline-size}.card-body{background:var(--surface);border-radius:clamp(22px, 5.862cqi, var(--r-lg));transition:transform .35s var(--spring), box-shadow .35s var(--spring);flex-direction:column;gap:clamp(22px,5.714cqi,32px);padding:clamp(22px,5.714cqi,32px);display:flex;position:relative}.card-head{align-items:center;gap:clamp(14px,3.571cqi,20px);min-width:0;display:flex}.card-art{object-fit:cover;background:var(--wash-strong);width:clamp(48px,11.43cqi,64px);height:clamp(48px,11.43cqi,64px);filter:var(--art-shadow);border-radius:clamp(10px,2.143cqi,12px);flex-shrink:0}.card-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card-title,.card-artist{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.card-title{letter-spacing:-.02em;font-size:clamp(17px,4.286cqi,24px);font-weight:600;line-height:1.25;text-decoration:none}.card-artist{color:var(--ink-45);font-size:clamp(15px,3.571cqi,20px);line-height:1.2}.card-lines{flex-direction:column;gap:clamp(10px,2.857cqi,16px);display:flex}.card-lines p{letter-spacing:-.04em;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7.143cqi,40px);font-weight:700;line-height:1.1}.card-foot{justify-content:space-between;align-items:center;margin-top:-8px;display:flex}.card-by{z-index:2;color:var(--ink-45);font-size:15px;text-decoration:none;position:relative}.card-by:hover{color:var(--ink)}.card-link:after{content:"";border-radius:inherit;z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-playable .card-body:has(.card-link:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.card-playable:hover .card-body{transform:translateY(-3px);box-shadow:0 18px 40px -18px #0000002e}.card-tools{flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;display:flex}@media (hover:hover){.card-tools{z-index:2;background:linear-gradient(to right, #fff0, var(--surface) 22px);padding-left:24px;position:absolute;top:clamp(22px,5.714cqi,32px);right:clamp(22px,5.714cqi,32px)}}.card-play,.card-remove{font-variant-numeric:tabular-nums;white-space:nowrap;height:32px;transition:opacity .2s var(--ease), background .2s, color .2s, transform .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.card-play{background:var(--ink);color:#fff;opacity:0;transform:translateY(2px)}.card-play svg{width:10px;height:10px}.card-remove{z-index:2;background:var(--wash);width:32px;color:var(--ink-60);cursor:pointer;opacity:0;padding:0;position:relative}.card-remove:hover{color:var(--danger);background:#fde8e8}.card:hover .card-play,.card:focus-within .card-play,.card:hover .card-remove,.card-remove:focus-visible{opacity:1;transform:none}@media (hover:none){.card-play{opacity:1;background:var(--wash);color:var(--ink);transform:none}.card-remove{opacity:1}}.card-new.is-in .card-body{animation:card-in 1.1s var(--spring) .2s both}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.98);box-shadow:0 0 #0000}50%{opacity:1;transform:none;box-shadow:0 0 0 4px #000000e6}to{box-shadow:0 0 #0000}}.dock{z-index:30;white-space:nowrap;max-width:calc(100vw - 24px);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.glass{isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:linear-gradient(#e8e8e8c7 0%,#dededeb3 100%);position:relative;box-shadow:inset 0 0 0 1px #8888881a,inset 0 1px .5px #fffc,inset 0 -1px .5px #fff6,0 0 0 .5px #0000001a,0 2px 6px -2px #0000001a,0 16px 36px -14px #00000047}.glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(90% 120% at 15% -10%,#ffffff59,#0000 55%);position:absolute;inset:0}.dock-pill{max-width:calc(100vw - 24px);height:48px;transition:width .42s var(--ease-out), height .42s var(--ease-out), border-radius .42s var(--ease-out), background .3s;border-radius:24px;flex-direction:column;justify-content:flex-end;padding:6px;display:flex;overflow:hidden}.dock-row{flex-shrink:0;align-items:center;gap:2px;width:max-content;height:36px;transition:opacity .15s;display:flex}.dock-row form{display:contents}.dock-tab,.dock-cta,.dock-icon{cursor:pointer;letter-spacing:-.01em;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:36px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;display:inline-flex}.dock-tab{color:var(--ink-60);background:0 0;padding:0 14px 0 12px}.dock-tab:hover{color:var(--ink);background:#ffffff73}.dock-tab[aria-current=page]{color:var(--ink);background:var(--surface);box-shadow:0 .5px .9px -1px #0000001c,0 3px 6px -2px #00000024}.dock-divider{background:#0000001a;flex-shrink:0;width:1px;height:18px;margin:0 6px}.dock-cta{background:var(--ink);color:#fff;padding:0 15px}.dock-cta svg{margin-left:-2px}.dock-cta:hover{background:#2b2b2b}.dock-cta:active{opacity:.85}.dock-cta[aria-current=page]{background:#2b2b2b}.dock-icon{width:36px;color:var(--ink-45);background:0 0}.dock-reveal{opacity:0;grid-template-columns:0fr;margin-left:-2px;transition:grid-template-columns .22s ease-out,opacity .18s ease-out,margin .22s ease-out;display:grid}.dock-reveal>form{min-width:0;display:block;overflow:hidden}.dock-reveal[data-show=true]{opacity:1;grid-template-columns:1fr;margin-left:2px}.dock-icon:hover{color:var(--ink);background:#ffffff80}.dock-sheet{overscroll-behavior:contain;scrollbar-width:none;white-space:normal;opacity:0;transform-origin:50% 100%;max-height:calc(100dvh - 36px);transition:opacity .2s ease-out, transform .35s var(--ease-out);padding:20px;position:absolute;bottom:0;left:0;overflow-y:auto;transform:translateY(10px)}.sheet-close{z-index:1;cursor:pointer;width:36px;height:36px;color:var(--ink-60);background:#0000000d;border:0;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:18px;right:18px}.sheet-close:hover{color:var(--ink);background:#00000017}.dock[data-open=true] .dock-pill{background:#f0f0f0f0}.dock[data-open=true] .dock-row{opacity:0;pointer-events:none}.dock[data-open=true] .dock-sheet{opacity:1;transition-delay:.1s,50ms;transform:none}.dock-backdrop{z-index:29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);background:#f7f7f773;position:fixed;inset:0}.dock-backdrop[data-open=true]{opacity:1;pointer-events:auto}.btn{border:1px solid var(--hairline);background:var(--surface);height:52px;color:var(--ink);letter-spacing:-.01em;cursor:pointer;transition:background .15s, transform .15s var(--ease), opacity .15s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:#262626}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--wash)}.btn-small{height:40px;padding:0 16px;font-size:15px}.btn:disabled{opacity:.3;cursor:not-allowed}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{flex-direction:column;gap:14px;display:flex}.auth-tabs{align-self:flex-start}.auth-intro{margin:6px 0 4px}.auth-intro h2{font-family:var(--font-editorial);letter-spacing:-.04em;margin:0;font-size:44px;font-weight:400;line-height:48px}.auth-intro p{font-family:var(--font-grotesk);color:#000000a8;margin:6px 0 0;font-size:15px;font-weight:450;line-height:1.35}.field{flex-direction:column;gap:6px;display:flex}.field-label{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.field-label .hint{color:var(--ink-45);font-weight:400}.input{background:var(--surface);border-radius:var(--r-sm);height:52px;box-shadow:inset 0 0 0 1px var(--hairline);align-items:center;gap:4px;padding:0 6px 0 16px;transition:box-shadow .15s;display:flex}.input:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}.input[data-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}.input input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:17px}.input input::placeholder{color:var(--ink-30)}.input-prefix{color:var(--ink-45);font-size:17px}.input-toggle{cursor:pointer;height:40px;color:var(--ink-60);background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:14px;font-weight:600}.input-toggle:hover{background:var(--wash);color:var(--ink)}.field-note{color:var(--ink-45);min-height:18px;margin:0;font-size:13px}.field-note[data-tone=error]{color:var(--danger)}.field-note strong{color:var(--ink);font-weight:600}.form-error{border-radius:var(--r-sm);color:var(--danger);animation:nudge .35s var(--ease);background:#fdecec;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:15px;display:flex}@keyframes nudge{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth .btn-primary{margin-top:4px}.btn-google{background:var(--surface);border-color:#0000001a;gap:10px;box-shadow:0 1px 2px #0000000d}.btn-google:hover{background:#fafafa;border-color:#00000029}.auth-or{color:var(--ink-45);align-items:center;gap:12px;margin:2px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:#0000001a;flex:1;height:1px}.empty{text-align:center;color:var(--ink-60);flex-direction:column;align-items:center;gap:20px;padding:72px 16px;display:flex}.empty p{text-wrap:balance;max-width:420px;margin:0;font-size:19px}.empty-mark{color:var(--ink-30)}.skeleton{background:linear-gradient(90deg, var(--wash-strong) 25%, var(--wash) 50%, var(--wash-strong) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.profile-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;min-height:calc(100dvh - 140px);margin:0 auto;padding:32px 8px 24px;display:flex}.profile-empty h2{font-family:var(--font-editorial);letter-spacing:-.035em;text-wrap:balance;animation:rise .5s var(--ease-out) 80ms both;margin:28px 0 0;font-size:44px;font-weight:400;line-height:1.05}.profile-empty>p{max-width:400px;font-family:var(--font-grotesk);color:#0009;text-wrap:pretty;animation:rise .5s var(--ease-out) .14s both;margin:12px 0 0;font-size:16px;font-weight:450;line-height:1.4}.profile-empty-actions{animation:rise .5s var(--ease-out) .2s both;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.ghost-stack{width:236px;height:150px;animation:rise .55s var(--ease-out) both;position:relative}.ghost-card{background:var(--surface);text-align:left;transition:transform .45s var(--ease-out), opacity .3s;border-radius:22px;flex-direction:column;gap:10px;padding:18px;display:flex;position:absolute;inset:0;box-shadow:0 0 0 1px #0000000a,0 14px 30px -18px #00000040}.ghost-card:first-child{opacity:.6;transform:rotate(-9deg)translate(-26px,8px)scale(.92)}.ghost-card:nth-child(2){opacity:.85;transform:rotate(7deg)translate(24px,2px)scale(.96)}.ghost-card:nth-child(3){animation:4.5s ease-in-out infinite float}.profile-empty:has(.profile-empty-actions .btn-primary:hover) .ghost-card:first-child{transform:rotate(-13deg)translate(-58px,10px)scale(.92)}.profile-empty:has(.profile-empty-actions .btn-primary:hover) .ghost-card:nth-child(2){transform:rotate(11deg)translate(56px,4px)scale(.96)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ghost-head{align-items:center;gap:10px;display:flex}.ghost-art{background:var(--wash-strong);border-radius:8px;flex-shrink:0;width:34px;height:34px}.ghost-meta{flex-direction:column;flex:1;gap:6px;display:flex}.ghost-meta i,.ghost-line{background:var(--wash-strong);border-radius:99px;height:8px;display:block}.ghost-line{background:#0000001a;height:13px}.ghost-line+.ghost-line{margin-top:-2px}.profile-empty-starts{text-align:left;width:100%;margin-top:40px}.profile-empty-starts .section-label{justify-content:center;margin-bottom:10px}.profile-empty-starts ul{gap:var(--gutter);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.profile-empty-starts li{animation:rise .45s var(--ease-out) both}.start-chip{background:var(--surface);color:var(--ink);transition:box-shadow .2s ease-out, transform .2s var(--ease-out);border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 10px;text-decoration:none;display:flex;box-shadow:0 0 0 1px #00000008}.start-chip:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0000000f,0 12px 24px -16px #0000004d}.start-chip img{object-fit:cover;width:36px;height:36px;filter:var(--art-shadow);border-radius:8px;flex-shrink:0}.start-chip span{flex-direction:column;flex:1;min-width:0;display:flex}.start-chip b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.start-chip small{color:var(--ink-45);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.for-you{letter-spacing:.01em;color:#6b4e00;background:#fff4d6;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600}.suggestion .for-you{margin-left:auto}.start-chip-go{color:var(--ink-30);transition:transform .2s var(--ease-out), color .2s;flex-shrink:0}.start-chip:hover .start-chip-go{color:var(--ink);transform:translate(2px)}@media (max-width:520px){.profile-empty h2{font-size:36px}.profile-empty-starts ul{grid-template-columns:1fr}}.search-box{z-index:10;background:var(--surface);border-radius:var(--r-md);height:68px;box-shadow:0 0 0 1px var(--hairline), 0 12px 32px -16px #0000002e;align-items:center;gap:12px;padding:0 12px 0 22px;transition:box-shadow .2s;display:flex;position:sticky;top:12px}.search-box:focus-within{box-shadow:0 0 0 2px var(--ink), 0 16px 40px -16px #00000040}.search-box>svg{color:var(--ink-45);flex-shrink:0}.search-box input{letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:22px;font-weight:500}.search-box input::placeholder{color:var(--ink-30)}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--wash);cursor:pointer;width:36px;height:36px;color:var(--ink-60);border:0;border-radius:50%;place-items:center;display:grid}.search-clear:hover{background:var(--wash-strong);color:var(--ink)}.kbd{background:var(--wash);min-width:26px;height:26px;box-shadow:inset 0 -1px 0 var(--hairline);color:var(--ink-45);border-radius:7px;place-items:center;padding:0 7px;font-size:13px;font-weight:600;display:inline-grid}.search-meta{min-height:24px;color:var(--ink-45);justify-content:space-between;align-items:center;margin:16px 6px 8px;font-size:14px;display:flex}.search-meta .kbd{min-width:22px;height:22px;margin:0 2px;font-size:12px}.results{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.result{cursor:pointer;border-radius:16px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px 10px 10px;text-decoration:none;transition:background .12s;display:grid}.result[data-active=true]{background:var(--surface);box-shadow:0 0 0 1px var(--hairline)}.result-art{width:56px;height:56px;position:relative}.result-art img{object-fit:cover;background:var(--wash-strong);width:56px;height:56px;filter:var(--art-shadow);border-radius:10px}.result-preview{cursor:pointer;color:#fff;opacity:0;background:#00000073;border:0;border-radius:10px;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;inset:0}.result[data-active=true] .result-preview,.result-preview[data-playing=true],.result-preview:focus-visible{opacity:1}.result-preview svg{width:18px;height:18px}@media (hover:none){.lyric-line:not([aria-pressed=true]) .lyric-time{display:none}.result-preview{opacity:1;background:#00000052}.search-keys{display:none}}.result-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.result-title{letter-spacing:-.02em;align-items:center;gap:8px;min-width:0;font-size:18px;font-weight:600;display:flex}.result-title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result mark{color:inherit;background:0 0;border-radius:2px;box-shadow:inset 0 -.38em #00000014}.result-sub{color:var(--ink-45);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.badge-e{background:var(--ink-30);color:#fff;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-grid}.result-end{color:var(--ink-45);font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:15px;display:flex}.result-go{opacity:0;transition:opacity .15s, transform .15s var(--ease);color:var(--ink);transform:translate(-4px)}.result[data-active=true] .result-go{opacity:1;transform:none}.result-skeleton{grid-template-columns:56px 1fr;align-items:center;gap:16px;padding:10px;display:grid}.result-skeleton .skeleton:first-child{border-radius:10px;width:56px;height:56px}.search-idle{flex-direction:column;gap:36px;margin-top:12px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);height:38px;box-shadow:0 0 0 1px var(--hairline);cursor:pointer;transition:box-shadow .15s, transform .15s var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{box-shadow:0 0 0 1.5px var(--ink)}.chip svg{color:var(--ink-45)}.suggestions{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.suggestion{border-radius:var(--r-md);background:var(--surface);transition:transform .2s var(--ease), box-shadow .2s;align-items:center;gap:14px;padding:12px;text-decoration:none;display:flex}.suggestion:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px #0000004d}.suggestion img{object-fit:cover;width:48px;height:48px;filter:var(--art-shadow);border-radius:9px;flex-shrink:0}.suggestion span{flex-direction:column;min-width:0;display:flex}.suggestion b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.suggestion small{color:var(--ink-45);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.search-notice{text-align:center;color:var(--ink-60);flex-direction:column;align-items:center;gap:14px;padding:56px 16px;display:flex}.search-notice p{margin:0;font-size:18px}.search-notice small{color:var(--ink-45);font-size:15px}.picker{max-width:680px;margin:0 auto;padding-bottom:96px}.picker-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.icon-button{background:var(--surface);width:40px;height:40px;color:var(--ink-60);box-shadow:0 0 0 1px var(--hairline);border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;transition:color .15s,box-shadow .15s,transform .15s ease-out;display:grid}.icon-button:hover{color:var(--ink);transform:translate(-2px);box-shadow:0 0 0 1px #00000029}.segmented{background:var(--wash-strong);border-radius:999px;padding:4px;display:inline-flex}.segmented button{cursor:pointer;height:36px;color:var(--ink-60);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600;transition:background .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}.segmented button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.segmented button:disabled{opacity:.4;cursor:not-allowed}.segmented-small button{height:32px;padding:0 14px;font-size:14px}.picker-track{animation:rise .45s var(--ease-out) both;align-items:center;gap:16px;margin:0 4px 16px;display:flex}.picker-track img{object-fit:cover;width:72px;height:72px;filter:var(--art-shadow);border-radius:14px;flex-shrink:0}.picker-track h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:28px;font-weight:700;line-height:1.1}.picker-track p{color:var(--ink-45);margin:5px 0 0;font-size:15px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.lyrics{background:var(--surface);border-radius:var(--r-lg);padding:10px 10px 4px}.lyrics-note{color:var(--ink-45);margin:8px 14px 10px;font-size:13px;transition:color .2s}.lyrics-note button{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.lyric-line{text-align:left;cursor:pointer;letter-spacing:-.02em;color:#0000008c;width:100%;animation:line-in .4s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 28) * 14ms);background:0 0;border:0;border-radius:12px;align-items:baseline;gap:16px;padding:7px 14px;font-size:18px;font-weight:600;line-height:1.32;transition:background-color .18s ease-out,color .18s ease-out,border-radius .18s ease-out;display:flex}.lyric-line>span:first-child{transition:transform .2s var(--ease-out)}.lyric-line:hover{background:var(--wash);color:var(--ink)}.lyric-line:hover>span:first-child{transform:translate(3px)}.lyric-line:active>span:first-child{transform:translate(1px)}.lyric-line .lyric-time{letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink-30);opacity:0;margin-left:auto;font-size:12px;font-weight:500;transition:opacity .15s}.lyric-line:hover .lyric-time{opacity:1}.lyric-line[aria-pressed=true]{background:var(--ink);color:#fff}.lyric-line[aria-pressed=true]>span:first-child{transform:none}.lyric-line[aria-pressed=true] .lyric-time{opacity:1;color:#ffffff80}.lyric-line[aria-pressed=true]+.lyric-line[aria-pressed=true]{border-top-left-radius:0;border-top-right-radius:0}.lyric-line[aria-pressed=true]:has(+.lyric-line[aria-pressed=true]){border-bottom-right-radius:0;border-bottom-left-radius:0}@keyframes line-in{0%{opacity:0;transform:translateY(6px)}}.lyric-break{height:14px}.lyric-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-30);animation:line-in .4s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 28) * 14ms);margin:10px 14px 4px;font-size:12px;font-weight:600}.lyrics-skeleton{flex-direction:column;gap:14px;padding:6px 14px 16px;display:flex}.lyrics-skeleton .skeleton{height:20px}.attribution{color:var(--ink-30);margin:14px 14px 10px;font-size:12px}.paste{padding:10px}.paste textarea{resize:vertical;background:var(--bg);width:100%;min-height:180px;box-shadow:inset 0 0 0 1px var(--hairline);letter-spacing:-.03em;border:0;border-radius:20px;outline:none;padding:14px;font-size:22px;font-weight:700;line-height:1.22;transition:box-shadow .15s;display:block}.paste textarea:focus{box-shadow:inset 0 0 0 2px var(--ink);background:var(--surface)}.paste textarea::placeholder{color:var(--ink-30)}.tray-wrap{z-index:25;opacity:0;pointer-events:none;transition:opacity .22s ease-out, transform .32s var(--ease-out);flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;display:flex;position:sticky;bottom:84px;transform:translateY(14px)}.tray-wrap[data-show=true]{opacity:1;pointer-events:auto;transform:none}.tray{border-radius:28px;align-items:center;gap:8px;height:56px;padding:0 8px 0 16px;display:flex}.tray-count{color:var(--ink-60);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:1px;font-size:14px;display:inline-flex}.tray-count b{color:var(--ink);animation:tick .25s var(--ease-out);font-size:17px;font-weight:700;display:inline-block}.tray-over,.tray-over b{color:var(--danger)}@keyframes tick{0%{opacity:.2;transform:translateY(-5px)}}.tray-time{height:32px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink-60);cursor:text;background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:0 4px 0 11px;transition:box-shadow .15s;display:inline-flex}.tray-time:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}.tray-time[data-synced=true]{color:var(--ink)}.tray-time input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:44px;font-size:14px;font-weight:600}.tray-time input::placeholder{color:var(--ink-30);font-weight:500}.tray-spacer{flex:1}.tray-ghost{height:40px;color:var(--ink-60);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.tray-ghost:hover,.tray-ghost[aria-pressed=true]{color:var(--ink);background:#ffffffb3}.tray-primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:128px;height:40px;padding:0 18px;font-size:15px;font-weight:600;transition:background .2s ease-out,opacity .2s,transform .12s ease-out;display:inline-flex}.tray-primary:hover:not(:disabled){background:#2b2b2b}.tray-primary:active:not(:disabled){transform:scale(.97)}.tray-primary:disabled{opacity:.35;cursor:not-allowed}.tray-primary[data-done=true]{opacity:1;background:#1f7a3f}.tray-primary .spinner{width:14px;height:14px}.tray-message{color:var(--danger);animation:rise .25s var(--ease-out) both;background:#fdecec;border-radius:999px;align-self:center;margin:0;padding:8px 14px;font-size:14px}.tray-preview{scrollbar-width:none;border-radius:var(--r-lg);opacity:0;transform-origin:50% 100%;pointer-events:none;width:min(460px,100%);max-height:calc(100dvh - 260px);transition:opacity .2s ease-out, transform .28s var(--ease-out);margin:0 auto;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow-y:auto;transform:translateY(10px)scale(.97);box-shadow:0 24px 50px -24px #00000059}.tray-preview[data-show=true]{opacity:1;pointer-events:auto;transform:none}.tray-preview .card{margin:0}@media (max-width:640px){.picker-track img{border-radius:12px;width:60px;height:60px}.picker-track h1{font-size:24px}.lyric-line{padding:7px 12px;font-size:17px}.tray{gap:6px;padding:0 6px 0 14px}.tray-ghost-label{display:none}.tray-ghost{justify-content:center;width:40px;padding:0}.tray-primary{min-width:0;padding:0 16px}.page-wide{padding:var(--gutter) var(--gutter) 0}.auth-intro h2{font-size:36px;line-height:40px}.search-box{border-radius:18px;height:60px}.search-box input{font-size:19px}.search-box .kbd{display:none}.result{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}.result-art,.result-art img{width:52px;height:52px}}