:root{--bg:#030604;--panel:#07100b;--panel2:#0b130e;--line:#17221b;--text:#f3f7f4;--muted:#7d877f;--accent:#19e879;--accent-dark:#06351f;--accent-soft:rgba(25,232,121,.06);--accent-light:#73f5ae;--danger:#ff4e4e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(520px,1fr) 286px;background:radial-gradient(ellipse at 50% 45%,#0a140e 0,#030805 48%,#010302 100%);--accent:#19e879;--accent-dark:#06351f;--accent-soft:rgba(25,232,121,.06);--accent-light:#73f5ae}.app-shell.difficulty-medium{--accent:#f0c51a;--accent-dark:#4b3800;--accent-soft:rgba(240,197,26,.07);--accent-light:#ffe47a}.app-shell.difficulty-hard{--accent:#ff7518;--accent-dark:#4b1d00;--accent-soft:rgba(255,117,24,.08);--accent-light:#ffad70;background:radial-gradient(ellipse at 50% 45%,#171007 0,#080503 48%,#020101 100%)}.app-shell.difficulty-expert{--accent:#ff4545;--accent-dark:#4a1111;--accent-soft:rgba(255,69,69,.07);--accent-light:#ff8d8d}.app-shell.difficulty-impossible{--accent:#b967ff;--accent-dark:#3a1164;--accent-soft:rgba(185,103,255,.08);--accent-light:#d49aff}.sidebar{padding:34px 26px 24px;position:relative}.left-panel{border-right:1px solid #0c1510}.right-panel{border-left:1px solid #0c1510}.label{font-size:10px;font-weight:900;letter-spacing:2px;color:#707b73;margin:0 0 12px}.difficulty,.options,.playback-button,.source-button,.text-button{width:100%;border:0;color:#aeb7b1;background:transparent;border-radius:12px;text-align:left;padding:13px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.difficulty{font-weight:750;margin-bottom:7px;transition:.15s;color:var(--difficulty-color,#aeb7b1)}.difficulty.difficulty-easy{--difficulty-color:#19e879;--difficulty-bg:#06351f}.difficulty.difficulty-medium{--difficulty-color:#f0c51a;--difficulty-bg:#4b3800}.difficulty.difficulty-hard{--difficulty-color:#ff7518;--difficulty-bg:#4b1d00}.difficulty.difficulty-expert{--difficulty-color:#ff4545;--difficulty-bg:#4a1111}.difficulty.difficulty-impossible{--difficulty-color:#b967ff;--difficulty-bg:#3a1164}.difficulty:not(:hover):not(.active){background:transparent}.difficulty.active,.difficulty:hover{background:var(--difficulty-bg);color:var(--difficulty-color);box-shadow:0 0 24px color-mix(in srgb,var(--difficulty-color) 24%,transparent)}.text-button{color:#9ca69f;padding-left:16px;font-size:13px;transition:.15s}.text-button:hover{color:var(--accent);background:var(--accent-soft);transform:translateX(2px)}.divider{height:1px;background:var(--line);margin:20px 0}.filters{margin-top:31px}.artist-search{position:relative}.artist-input{height:42px;display:flex;align-items:center;gap:8px;background:#0b130e;border:1px solid #18251d;border-radius:11px;padding:0 11px;color:#69756d;transition:.15s}.artist-input:focus-within{border-color:#31513e;box-shadow:0 0 0 3px var(--accent-soft)}.artist-input input{min-width:0;flex:1 1;background:transparent;border:0;outline:0;color:#f0f4f1;font-size:13px}.artist-input input::placeholder{color:#68736c}.clear-icon{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#758078;cursor:pointer;border-radius:50%}.clear-icon:hover{background:#16211a;color:#fff}.artist-results{position:absolute;z-index:30;top:47px;left:0;right:0;background:#121b15;border:1px solid #2a382f;border-radius:12px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.55)}.artist-results button{display:flex;width:100%;flex-direction:column;align-items:flex-start;border:0;background:transparent;color:#f1f4f2;padding:11px 13px;cursor:pointer;text-align:left}.artist-results button:hover{background:#202b24}.artist-results span{font-size:13px;font-weight:750}.artist-results small{font-size:10px;color:#7e8981;margin-top:3px}.selected-hint{font-size:10px;color:#5e6a62;margin:7px 3px 11px}.select{position:relative;display:block;margin:8px 0}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#0b130e;border:1px solid #17221b;color:#aeb7b0;border-radius:10px;padding:11px 35px 11px 12px;outline:none;cursor:pointer;font-size:13px}.select svg{position:absolute;right:12px;top:13px;color:#68746b;pointer-events:none}.game{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:118px;padding-left:32px;padding-right:32px;width:100%;max-width:900px;margin:0 auto;min-width:0}.brand{position:absolute;top:28px;font-size:52px;font-weight:950;font-style:italic;letter-spacing:-3.5px;line-height:1;color:#16251c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand span{color:#1f5c3d;font-size:18px;margin-left:2px}.top-context{display:flex;align-items:center;gap:10px;color:#667169;font-size:11px;font-weight:750;margin-top:7px;margin-bottom:22px}.top-context span:first-child{color:#c1cbc4}.top-context span.customized{color:var(--accent)}.top-context .dot{color:#37443b}.stage-pills{display:flex;gap:8px;width:auto;max-width:100%}.stage-pills button{position:relative;border:0;background:hsla(0,0%,100%,.055);color:var(--pill,#aab2ac);padding:8px 18px;border-radius:18px;font-size:12px;font-weight:850;cursor:pointer;transition:.15s;white-space:nowrap}.stage-pills .difficulty-pill-easy{--pill:#19e879;--pill-dark:#06351f}.stage-pills .difficulty-pill-medium{--pill:#f0c51a;--pill-dark:#4b3800}.stage-pills .difficulty-pill-hard{--pill:#ff7518;--pill-dark:#4b1d00}.stage-pills .difficulty-pill-expert{--pill:#ff4545;--pill-dark:#4a1111}.stage-pills .difficulty-pill-impossible{--pill:#b967ff;--pill-dark:#3a1164}.stage-pills button{background:color-mix(in srgb,var(--pill-dark,#202821) 20%,hsla(0,0%,100%,.045))}.stage-pills button:not(:disabled):hover{color:var(--pill);background:color-mix(in srgb,var(--pill-dark) 65%,#202821)}.stage-pills button.selected{background:var(--pill);color:#071107;box-shadow:0 0 26px color-mix(in srgb,var(--pill) 24%,transparent)}.stage-pills .difficulty-pill-expert.selected,.stage-pills .difficulty-pill-hard.selected,.stage-pills .difficulty-pill-impossible.selected,.stage-pills .difficulty-pill-medium.selected{color:#071107}.progress{height:24px;width:min(440px,100%);background:#222a25;border-radius:8px;margin-top:27px;overflow:hidden;position:relative}.progress-stage-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-dark);width:0;transition:width .2s ease;z-index:1}.progress-live-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-light);width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;z-index:2;box-shadow:0 0 12px var(--accent-soft)}.progress-divider{position:absolute;top:0;bottom:0;width:2px;background:#111813;transform:translateX(-1px);z-index:3;pointer-events:none}.stage-time{display:none}.play-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:31px}.play-button{margin-top:0;width:116px;height:116px;border-radius:50%;border:0;background:var(--accent);color:#001c0e;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 40px var(--accent-soft);transition:.15s;position:relative;z-index:1}.play-button:hover{transform:scale(1.035);box-shadow:0 0 55px var(--accent-soft)}.play-button.is-playing{box-shadow:0 0 65px var(--accent-soft)}.play-button.is-playing:after,.play-button.is-playing:before{content:"";position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:50%;opacity:0;z-index:-1;animation:heartbeat-ring 1.8s ease-out infinite}.play-button.is-playing:after{animation-delay:.9s}@keyframes heartbeat-ring{0%{transform:scale(.92);opacity:.55}70%{transform:scale(1.28);opacity:.12}to{transform:scale(1.38);opacity:0}}.play-duration{font-size:22px;font-weight:850;color:var(--accent);min-width:38px;text-align:left;letter-spacing:-.5px}.under-play{font-size:13px;color:var(--accent);font-weight:750;margin-top:8px}.audio-error{font-size:11px;color:#ff6a6a;margin-top:10px;max-width:440px;text-align:center;line-height:1.5}.search-wrap{display:flex;gap:7px;position:relative;margin-top:28px;width:min(470px,80%)}.search-wrap.wrong-guess{animation:guess-shake .38s ease}.search-box{height:42px;flex:1 1;background:#111812;border:1px solid #273129;border-radius:11px;display:flex;align-items:center;padding:0 12px;color:#707a73;transition:.15s;min-width:0}.search-box:focus-within{border-color:#3b4e43;box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{background:transparent;border:0;outline:0;color:#fff;width:100%;min-width:0;padding-left:8px;font-size:13px}.search-box input::placeholder{color:#788179}.search-spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid #344139;border-top:2px solid var(--accent);border-radius:50%;animation:search-spin .7s linear infinite}@keyframes search-spin{to{transform:rotate(1turn)}}.skip{border:1px solid #273129;background:#111812;color:#c4ccc6;border-radius:11px;padding:0 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:850;transition:.15s;white-space:nowrap;flex:0 0 auto}.skip:hover{background:#18211b}.skip.guess{border-color:var(--accent);background:var(--accent);color:#071107;box-shadow:0 0 20px var(--accent-soft)}.skip.guess:hover{filter:brightness(1.06)}.suggestions{position:absolute;top:49px;left:0;width:calc(100% - 94px);background:#171f1a;border:1px solid #334038;border-radius:12px;overflow:hidden;z-index:20;box-shadow:0 18px 40px rgba(0,0,0,.5)}.suggestions button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#f0f3f1;padding:10px 14px;cursor:pointer}.suggestions button:hover{background:#29332d}.suggestions b,.suggestions small{display:block}.suggestions b{font-size:13px}.suggestions small{color:#909991;margin-top:3px;font-size:10px}.empty{padding:15px;color:#8b948d;font-size:12px}.right-panel{padding-top:94px}.playback-button{background:var(--accent-dark);color:var(--accent);font-weight:850;margin-bottom:7px}.source-button{font-size:12px;color:#7e8780;display:none}.source-button:hover{color:#b5bdb8}.source-button.muted{cursor:default}.stage-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:7px;gap:7px}.stage-grid button{border:1px solid transparent;background:#0a150f;color:#89938c;border-radius:10px;padding:10px 4px;font-size:12px;font-weight:850;cursor:pointer;transition:.15s}.stage-grid button:hover{background:#16231b;border-color:#294034;color:#d6ded8;transform:translateY(-1px)}.stage-grid button.on{background:var(--accent-dark);color:var(--accent);border-color:var(--accent-dark)}.stage-grid button.on:hover{filter:brightness(1.12)}.volume-row{display:flex;align-items:center;gap:9px;color:#6d786f}.volume-row input{width:100%;accent-color:var(--accent)}.volume-row span{width:32px;text-align:right;font-size:9px;color:#67736b}.options{justify-content:space-between;background:#0b130e;color:#87918a;font-size:12px}.options em{font-style:normal;background:var(--accent);color:#00220f;border-radius:8px;padding:2px 6px;margin-left:5px;font-size:8px;font-weight:900}.footer{position:absolute;right:26px;bottom:18px;color:#5f6962;font-size:10px;gap:6px}.footer,.result-card{display:flex;align-items:center}.result-card{position:relative;flex-direction:column;margin-top:30px;text-align:center;animation:result-reveal .38s ease-out both;width:100%}@keyframes result-reveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.cover{width:140px;height:140px;object-fit:cover;border-radius:13px;box-shadow:0 0 35px rgba(0,0,0,.5);margin-bottom:20px}.result-kicker{color:var(--accent);font-size:10px;letter-spacing:5px;font-weight:900}.result-card h1{font-size:30px;margin:7px 0 2px;letter-spacing:-1px}.result-card h1,.result-card p{max-width:100%;overflow-wrap:anywhere}.result-card p{color:#8d978f;margin:0;font-size:13px}.lost-badge,.won-badge{margin-top:15px;border:2px solid;border-radius:20px;padding:7px 15px;font-size:11px;font-weight:900}.won-badge{border-color:var(--accent);color:var(--accent)}.lost-badge{border-color:#ff4d4d;color:#ff4d4d}.result-player{display:flex;align-items:center;gap:10px;width:min(440px,80vw);margin-top:18px;padding:10px 12px;background:#0b130e;border:1px solid #18241c;border-radius:14px}.result-play{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06150b;cursor:pointer}.result-play.is-playing{box-shadow:0 0 20px var(--accent-soft)}.result-track{flex:1 1;min-width:0}.result-progress{height:5px;background:#202a24;border-radius:999px;overflow:hidden}.result-progress span{display:block;height:100%;background:var(--accent);border-radius:999px;transform-origin:left center;will-change:transform}.result-time{font-size:9px;color:#667169;text-align:right;margin-top:5px}.result-label{font-size:8px;font-weight:900;letter-spacing:1.3px;color:var(--accent);white-space:nowrap}.result-actions{display:flex;gap:8px;margin-top:25px}.result-actions button{border:0;background:#17201a;color:#c4cbc6;border-radius:12px;padding:11px 24px;cursor:pointer}.result-actions button:hover{background:#243129}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.confetti span{position:absolute;top:-18px;width:7px;height:13px;border-radius:1px;background:var(--accent);animation:confetti-fall 4.2s cubic-bezier(.2,.65,.35,1) forwards;opacity:.95}.confetti span:nth-child(3n){width:5px;height:9px}.confetti span:nth-child(4n){border-radius:50%;width:6px;height:6px;background:#f3f7f4}.confetti span:nth-child(5n){background:#a96cff}@keyframes confetti-fall{0%{transform:translate3d(0,-15px,0) rotate(0deg);opacity:0}10%{opacity:1}to{transform:translate3d(var(--drift),105vh,0) rotate(var(--rotate));opacity:0}}.difficulty:disabled,.play-button:disabled,.playback-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:none}.play-button.is-loading{cursor:wait;opacity:.8}.play-spinner{width:38px;height:38px;border:4px solid rgba(0,28,14,.25);border-top-color:currentcolor;border-radius:50%;animation:play-spin .8s linear infinite}@keyframes play-spin{to{transform:rotate(1turn)}}.select.is-disabled{opacity:.55}.select select:disabled{cursor:not-allowed}.select option:disabled{color:#4a544d}.artist-input input:disabled{cursor:not-allowed}.loading{position:fixed;right:20px;bottom:20px;z-index:100;background:#0c1710;border:1px solid #1b2a20;color:var(--accent);padding:10px 14px;border-radius:10px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.filter-status{font-size:10px;color:#657068;margin:7px 3px 0;font-style:italic}.stage-grid button:disabled,.stage-pills button:disabled{cursor:not-allowed;opacity:.5;transform:none}.playback-button:disabled{cursor:wait}.result-play:disabled{cursor:wait;opacity:.7}.result-spinner{width:14px;height:14px;border:2px solid rgba(0,28,14,.25);border-top-color:currentcolor;border-radius:50%;animation:play-spin .8s linear infinite}.sidebar-actions{display:flex;flex-direction:column;gap:2px}.clear-all-button{color:#7f8982}.clear-all-button:hover{color:#ff7b7b;background:rgba(255,78,78,.05)}.drawer-backdrop,.mobile-drawer-header,.mobile-drawer-settings,.mobile-menu{display:none}@media(max-width:1000px){.app-shell{grid-template-columns:230px minmax(460px,1fr) 230px}.sidebar{padding-left:16px;padding-right:16px}.stage-pills button{padding:8px 11px}}@media(max-width:800px){.app-shell{display:block;position:relative}.app-shell,.game{min-height:100svh}.game{width:100%;max-width:none;padding:118px 20px 50px;justify-content:flex-start}.brand{top:43px;font-size:46px;letter-spacing:-3px}.top-context{margin-top:2px;margin-bottom:20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-pills{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px}.stage-pills button{width:100%;min-width:0;max-width:100%;flex:none;padding:9px 2px;font-size:clamp(9px,2.65vw,11px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:clip;border-radius:16px}.progress{width:100%;max-width:440px;height:22px;margin-top:26px}.play-row{gap:15px;margin-top:30px}.play-button{width:108px;height:108px}.play-duration{font-size:20px}.search-wrap{width:100%;max-width:520px;margin-top:28px;gap:7px}.search-box{height:52px;border-radius:13px}.search-box input{font-size:16px}.skip{height:52px;padding:0 17px;border-radius:13px;font-size:13px}.pool-note{font-size:11px;font-weight:750;margin-top:28px;color:#aeb7b1}.sidebar{display:none}.mobile-menu{display:grid;place-items:center;position:fixed;z-index:40;top:20px;left:20px;width:54px;height:54px;border:0;border-radius:50%;background:#202821;color:#c7cec9;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.3)}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:80;border:0;background:rgba(0,0,0,.64);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .22s ease}.drawer-backdrop.drawer-closing{opacity:0}.left-panel.mobile-closing,.left-panel.mobile-open{display:block;position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(420px,calc(100vw - 34px));overflow-y:auto;-webkit-overflow-scrolling:touch;background:#111813;border-right:1px solid #27332b;padding:27px 24px 36px;box-shadow:22px 0 55px rgba(0,0,0,.45)}.left-panel.mobile-open{animation:drawer-in .22s ease-out both}.left-panel.mobile-closing{animation:drawer-out .22s ease-in both}@keyframes drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawer-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.drawer-brand{font-size:30px;font-weight:950;font-style:italic;letter-spacing:-2px;color:#75827a}.mobile-drawer-header button{width:46px;height:46px;border:0;border-radius:50%;background:#202821;color:#b9c1bb;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.mobile-drawer-settings{display:block}.left-panel .filters{margin-top:28px}.mobile-drawer-settings .divider{margin:25px 0}.left-panel .difficulty{padding:13px 16px}.left-panel .artist-input{height:48px}.artist-input input{font-size:16px}.left-panel .select select{height:48px;font-size:16px}.artist-results button{min-height:52px;padding:12px 13px}.clear-icon{width:34px;height:34px;flex:0 0 34px}.footer{display:none}.result-card{margin-top:24px;padding:0 4px}.cover{width:min(140px,45vw);height:min(140px,45vw)}.result-card h1{font-size:clamp(24px,7vw,30px)}.result-player{display:none}.result-actions{width:100%;max-width:440px;margin-top:18px}.result-actions button{flex:1 1;min-height:46px}.game.has-result{padding-top:96px;padding-bottom:56px}.game.has-result .top-context{margin-bottom:14px}.game.has-result .stage-pills button{padding-top:8px;padding-bottom:8px}.game.has-result .progress{height:19px;margin-top:18px}.game.has-result .play-row{display:none}.game.has-result .result-card{margin-top:14px}.game.has-result .cover{width:min(118px,36vw);height:min(118px,36vw);margin-bottom:12px}.game.has-result .result-kicker{font-size:9px;letter-spacing:4px}.game.has-result .result-card h1{font-size:clamp(22px,6.3vw,27px);line-height:1.05;margin-top:6px}.game.has-result .result-card p{font-size:12px;line-height:1.3}.game.has-result .lost-badge,.game.has-result .won-badge{margin-top:10px;padding:6px 14px}.game.has-result .result-actions{position:static;width:100%;max-width:440px;margin-top:14px;padding:0}.game.has-result .result-actions button{min-height:50px;background:#17201a;border:1px solid #253229;box-shadow:none}.game.has-result .pool-note{margin-top:18px}}@media(max-width:370px){.game{padding-left:14px;padding-right:14px}.brand{font-size:42px}.stage-pills{gap:3px}.stage-pills button{padding-left:1px;padding-right:1px;font-size:9px}.play-button{width:96px;height:96px}.play-duration{font-size:18px}.search-wrap{gap:5px}.skip{padding-left:12px;padding-right:12px}.left-panel.mobile-closing,.left-panel.mobile-open{width:calc(100vw - 20px);padding-left:18px;padding-right:18px}}@media(max-width:800px) and (orientation:landscape){.game{min-height:100svh;padding-top:92px;padding-bottom:35px}.brand{top:22px;font-size:38px}.top-context{margin-bottom:12px}.progress{margin-top:16px}.play-row{margin-top:18px}.play-button{width:82px;height:82px}.result-card,.search-wrap{margin-top:18px}.cover{width:100px;height:100px;margin-bottom:12px}}@media(min-width:801px){.mobile-drawer-settings{display:none}}@media (min-width:768px){.pool-note{font-size:12px;font-weight:750;margin-top:28px}}@keyframes guess-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.top-context button{display:inline-flex;align-items:center;gap:4px;max-width:220px;border:0;background:transparent;color:inherit;padding:3px 2px;border-radius:7px;font:inherit;font-weight:inherit;cursor:pointer;transition:color .15s ease,background .15s ease}.top-context button:first-child{color:#c1cbc4}.top-context button:focus-visible,.top-context button:hover{color:#dfe8e2;background:hsla(0,0%,100%,.035);outline:none}.top-context button.customized{color:#19e879}.top-context button:disabled{cursor:default;opacity:.7}.top-context button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-filter-backdrop{position:fixed;inset:0;z-index:110;border:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-filter-sheet{position:fixed;z-index:120;left:50%;top:50%;width:min(460px,calc(100vw - 36px));max-height:min(680px,calc(100svh - 48px));transform:translate(-50%,-50%);overflow:auto;overscroll-behavior:contain;background:#111813;border:1px solid #29352d;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);padding:22px}.quick-filter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.quick-filter-kicker{color:#68756c;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}.quick-filter-header h2{margin:0;color:#edf3ef;font-size:21px;letter-spacing:-.4px}.quick-filter-close{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:#202821;color:#bac3bd;display:grid;place-items:center;cursor:pointer}.quick-artist-search{height:50px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #26352c;border-radius:13px;background:#0b130e;color:#718077}.quick-artist-search:focus-within{border-color:#31513e;box-shadow:0 0 0 3px var(--accent-soft)}.quick-artist-search input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:#eef3ef;font-size:16px}.quick-filter-list{margin-top:12px;border:1px solid #233027;border-radius:13px;overflow:hidden;background:#0d150f}.quick-filter-list button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #1d2921;background:transparent;color:#dce4df;padding:10px 13px;text-align:left;cursor:pointer}.quick-filter-list button:last-of-type{border-bottom:0}.quick-filter-list button.selected,.quick-filter-list button:hover{background:#18231b}.quick-filter-list button>span:first-child{min-width:0;display:flex;flex-direction:column}.quick-filter-list b{font-size:14px}.quick-filter-list small{color:#77837b;margin-top:3px;font-size:11px}.quick-check{color:var(--accent);font-size:15px;font-weight:950}.quick-filter-empty,.quick-filter-tip{padding:16px 13px;color:#758078;font-size:12px}.quick-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.quick-filter-grid button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #27342b;border-radius:12px;background:#0c140f;color:#b5c0b8;padding:0 13px;font-size:13px;font-weight:800;cursor:pointer}.quick-filter-grid button.selected,.quick-filter-grid button:hover{border-color:#36503f;background:#17231b;color:#eff5f1}.quick-filter-grid button.selected{color:var(--accent)}.quick-filter-grid button:disabled{opacity:.28;cursor:not-allowed}.quick-filter-footnote{margin-top:13px;color:#6f7a73;font-size:11px;line-height:1.45}@media(max-width:800px){.top-context{width:100%;justify-content:center;overflow:visible;text-overflow:clip;gap:5px}.top-context button{min-width:0;max-width:34%;min-height:34px;padding:6px 7px;border:1px solid #202c24;border-radius:10px;background:#101812;font-size:10px;touch-action:manipulation}.top-context button:first-child{max-width:42%}.top-context button.customized{border-color:#294b37;background:rgba(25,232,121,.06)}.top-context .dot{display:none}.quick-filter-sheet{left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(78svh,680px);transform:none;border-left:0;border-right:0;border-bottom:0;border-radius:22px 22px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));animation:quick-filter-in .2s ease-out both}@keyframes quick-filter-in{0%{transform:translateY(18px);opacity:.7}to{transform:translateY(0);opacity:1}}.quick-filter-grid{grid-template-columns:1fr;gap:8px}.quick-filter-grid button{min-height:52px;font-size:14px}}.top-context button span{color:inherit}