@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/d6f3db9d50bc000d.2b8-3ofyj6jrb.woff2)format("woff2");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/69975e73f6a2cf6d.30gz3vx4o9l1j.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+980-9FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1,U+11DF0-11DF1}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/f4b635be206d7668.26bfncibx0rq_.woff2)format("woff2");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cf23eff0bf2ca069.0zi1shyp7ohlb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a9c4502a550e1d66.2c3m7wyps-z0s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/202a2c2a12e13cf8.1lsfhac37iy6_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11baa50ede91a42f.1vsrgvtsc1r8b.woff2)format("woff2");unicode-range:U+30E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/9678ee819a9beab1.2pdods8crngcg.woff2)format("woff2");unicode-range:U+589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8e979c19b4be106b.25qivd_myg22f.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2efe41fb2d2f40ab.2bkron2stnezl.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/59c3de4c270fbbee.1jc2dp9vgfua5.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2d2d1a03718f4d92.258jjlqkyxl91.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A01-A76,U+200C-200D,U+20B9,U+25CC,U+262C,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8c300de3a3d54290.2ru2d-z5q4eo9.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e0bfc63779fd5f39.29sggwo1iyppi.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ed7a5402cef75dec.2hz_t9ui8fow3.woff2)format("woff2");unicode-range:U+E81-EDF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/b3a50cf3d45167ee.16ujoekxpro6t.woff2)format("woff2");unicode-range:U+307,U+323,U+951-952,U+964-965,U+B83,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/d87ba28d3cb26adb.1t36ginrn3s0w.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B01-B77,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/68945f0578cefa77.28-sno9glm2dy.woff2)format("woff2");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2b00696b7f3c7dbf.21jmzs80te0a8.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2fe959a157b83b65.3kjlxpi9xmrya.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/74a91aa98ee6f4b5.1oqxbyquelq4z.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B83,U+C00-C7F,U+1CD5-1CD6,U+1CD8,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e45cf9c28f7d3701.p.2yyi24davmpxc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/35a32a417c034994.1btg1myzvpoja.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/f16e19cd5d9dc9a1.0grrdcwl004rs.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:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/5334a8b26a2684a7.p.40-jm68xkzcno.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}.DV0qZW_className{font-family:Google Sans;font-style:normal}.DV0qZW_variable{--font-google-sans:"Google Sans"}
*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}html{scroll-behavior:smooth;background:var(--forest-1100);min-width:320px;height:100%;min-height:100%;overflow:hidden}body{background:radial-gradient(circle at 78% 2%, var(--community-green-a9), transparent 34rem), linear-gradient(135deg, var(--forest-1000) 0%, var(--forest-850) 52%, var(--forest-950) 100%);height:100%;min-height:100vh;color:var(--text);font-family:var(--font-google-sans), "Google Sans", "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}a{color:inherit}button,input,select,textarea{font:inherit}input,textarea,[contenteditable=true],[contenteditable=""],[contenteditable=plaintext-only]{-webkit-user-select:text;user-select:text}button,a{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%;display:block}.listener-shell-web{height:100dvh;min-height:0;overflow:hidden}.listener-shell-web .middle-panel{--middle-panel-right-inset:0px;top:var(--top-panel-height);right:0;bottom:var(--bottom-panel-height);left:var(--left-panel-width);overscroll-behavior:contain;min-width:0;min-height:0;position:fixed;overflow:hidden auto}.listener-shell-web .listener-install-app{display:none}.eyebrow{color:var(--green-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px}.login-button,.primary-button,.listener-shell-web .quiet-button,.icon-button,.capability-pill{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:1px solid #0000;border-radius:10px;padding:0 15px;text-decoration:none;display:inline-flex}.login-button,.primary-button{background:var(--green-500);color:var(--text-on-accent);box-shadow:0 12px 28px var(--primary-action-shadow-color)}.login-button:hover,.primary-button:hover{background:var(--green-400)}.primary-button svg{width:17px;height:17px}.listener-shell-web .quiet-button,.icon-button{border-color:var(--line);background:var(--white-a3_5);color:var(--muted-strong);cursor:pointer}.listener-shell-web .quiet-button:hover,.icon-button:hover{border-color:var(--line-strong);color:var(--text)}.icon-button{width:40px;padding:0}.icon-button svg{width:19px;height:19px}.middle-panel-content{--route-content-top-padding:34px;width:min(1300px,100% - clamp(48px,7vw,112px));margin:0 auto;padding:34px 0 80px}.listener-shell-web .listener-route-content{min-width:0;min-height:max(0px, calc(100vh - var(--top-panel-height) - var(--bottom-panel-height) - var(--route-content-top-padding)));min-height:max(0px, calc(100dvh - var(--top-panel-height) - var(--bottom-panel-height) - var(--route-content-top-padding)))}.listener-shell-web .album-style-tags{--album-discovery-pane-width:calc(100vw - var(--left-panel-width) - var(--middle-panel-right-inset));--album-discovery-content-width:min(1300px, calc(100% - clamp(48px, 7vw, 112px)))}.listener-shell-web .collection-hero-artwork-background,.listener-shell-web .listener-skeleton-collection-hero-artwork-background{width:calc(100vw - var(--left-panel-width) - var(--middle-panel-right-inset));margin-top:-34px;margin-inline-start:calc(( 100% - (100vw - var(--left-panel-width) - var(--middle-panel-right-inset)) ) / 2);padding-top:34px}.listener-shell-web .collection-hero-artwork-background .collection-hero-content,.listener-shell-web .listener-skeleton-collection-hero-artwork-background .listener-skeleton-collection-hero-content{width:min(1300px,100% - clamp(48px,7vw,112px));margin-inline:auto}@media not (max-width:760px){.listener-shell-web .collection-hero.artist-hero{gap:clamp(var(--space-5), 4vw, var(--space-7));grid-template-columns:clamp(210px,20vw,270px) minmax(0,1fr)}}.site-footer{border-top:1px solid var(--line);padding:34px 0 var(--space-2);color:var(--muted);gap:28px;margin-top:72px;display:grid}.site-footer-link-grid{gap:var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.site-footer-link-group{align-content:start;gap:10px;min-width:0;display:grid}.site-footer-link-group h2{color:var(--text);font-size:var(--font-size-sm);margin:0}.site-footer-link-group a{width:fit-content;color:var(--muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.site-footer-link-group a:hover{color:var(--text)}.site-footer-social-links{flex-wrap:wrap;gap:10px;display:flex}.site-footer-social-link{border:1px solid var(--line);background:var(--white-a6);border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;height:42px;display:inline-flex;width:42px!important;color:var(--muted-strong)!important}.site-footer-social-link:not([aria-disabled=true]):hover{border-color:var(--line-strong);background:var(--white-a11);color:var(--text)!important}.site-footer-social-icon{background-color:currentColor;width:20px;height:20px;display:block}.site-footer-download-placeholder{opacity:.45;cursor:not-allowed}.site-footer-social-icon-google-play{-webkit-mask:url(/static/icons/google-play.svg) 50%/contain no-repeat;mask:url(/static/icons/google-play.svg) 50%/contain no-repeat}.site-footer-social-icon-download{-webkit-mask:url(/static/icons/download.svg) 50%/contain no-repeat;mask:url(/static/icons/download.svg) 50%/contain no-repeat}.site-footer-social-icon-windows{-webkit-mask:url(/static/icons/windows.svg) 50%/contain no-repeat;mask:url(/static/icons/windows.svg) 50%/contain no-repeat}.site-footer-social-icon-facebook{-webkit-mask:url(/static/icons/facebook.svg) 50%/contain no-repeat;mask:url(/static/icons/facebook.svg) 50%/contain no-repeat}.site-footer-social-icon-discord{-webkit-mask:url(/static/icons/discord-glyph.svg) 50%/contain no-repeat;mask:url(/static/icons/discord-glyph.svg) 50%/contain no-repeat}.site-footer-bottom{border-top:1px solid var(--line);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:space-between;gap:10px 18px;padding-top:18px;display:flex}.site-footer-version{font-variant-numeric:tabular-nums;white-space:nowrap}.not-found-page{min-height:calc(100vh - var(--bottom-panel-height) - 144px);align-items:center;gap:clamp(var(--space-6), 6vw, 88px);border:1px solid var(--line);border-radius:var(--radius-large);background:radial-gradient(circle at 78% 40%, var(--community-green-a14), transparent 25rem), linear-gradient(135deg, var(--error-hero-surface-start), var(--error-hero-surface-end) 72%);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);padding:clamp(38px,7vw,92px);display:grid;position:relative;overflow:hidden}.not-found-page:before{background-image:linear-gradient(var(--white-a1_4) 1px, transparent 1px), linear-gradient(90deg, var(--white-a1_4) 1px, transparent 1px);content:"";-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-black));mask-image:linear-gradient(90deg, transparent, var(--color-black));pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.not-found-copy{z-index:1;max-width:620px;position:relative}.not-found-copy h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.96}.not-found-copy>p:not(.eyebrow){max-width:560px;margin:var(--space-5) 0 0;color:var(--muted-strong);font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.7}.not-found-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.not-found-secondary{border:1px solid var(--line-strong);background:var(--white-a4);min-height:44px;color:var(--text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 18px;text-decoration:none;display:inline-flex}.not-found-secondary:hover{background:var(--white-a9);color:var(--text)}.not-found-actions svg{width:17px;height:17px}.not-found-art{place-items:center;min-height:390px;display:grid;position:relative}.not-found-code{color:var(--white-a4);font-size:clamp(9rem,20vw,18rem);font-weight:var(--font-weight-heavy);letter-spacing:-.09em;line-height:1;position:absolute}.not-found-record{aspect-ratio:1;border:1px solid var(--white-a12);background:repeating-radial-gradient(circle, var(--forest-950) 0 4px, var(--record-groove-dark) 5px 7px, var(--record-groove-light) 8px 9px);width:clamp(220px,25vw,330px);box-shadow:0 40px 80px var(--black-a48);border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-8deg)}.not-found-record-label{aspect-ratio:1;background:linear-gradient(135deg, var(--green-500), var(--record-label-deep));width:38%;box-shadow:0 0 0 7px var(--black-a26);border-radius:50%;place-items:center;display:grid}.not-found-record-label img{object-fit:contain;width:70%;height:70%}.not-found-tonearm{background:linear-gradient(90deg, var(--record-arm-highlight), var(--record-arm-shadow));width:9px;height:62%;box-shadow:0 3px 12px var(--black-a40);transform-origin:top;border-radius:99px;position:absolute;top:14%;right:4%;transform:rotate(21deg)}.not-found-tonearm:before{border:5px solid var(--record-arm-joint);content:"";border-radius:50%;width:27px;height:27px;position:absolute;top:-12px;left:-9px}.not-found-tonearm:after{background:var(--green-500);content:"";border-radius:5px;width:22px;height:35px;position:absolute;bottom:-18px;right:-8px}.not-found-note{color:var(--green-300);font-weight:var(--font-weight-bold);text-shadow:0 0 22px var(--accent-a45);position:absolute}.note-one{font-size:2rem;top:12%;left:8%;transform:rotate(-12deg)}.note-two{font-size:2.8rem;bottom:8%;right:0;transform:rotate(9deg)}.capability-pill{border-color:var(--line);background:var(--white-a4);color:var(--muted-strong)}.capability-pill svg{width:15px;height:15px}.home-dashboard-hero{border:1px solid var(--line-strong);background:radial-gradient(circle at 76% 12%, var(--accent-a17), transparent 24rem), linear-gradient(135deg, var(--download-surface-start) 0%, var(--forest-900) 58%, var(--download-surface-end) 100%);min-height:390px;box-shadow:0 28px 70px var(--black-a24);margin:6px 0 var(--space-7);border-radius:24px;grid-template-columns:1fr;padding:clamp(30px,4vw,58px);display:grid;position:relative;overflow:hidden}.home-dashboard-hero.has-feature{grid-template-columns:minmax(290px,1.08fr) minmax(300px,.92fr);gap:clamp(28px,3.5vw,54px)}.home-dashboard-hero:before{background-image:linear-gradient(var(--white-a1_4) 1px, transparent 1px), linear-gradient(90deg, var(--white-a1_4) 1px, transparent 1px);content:"";-webkit-mask-image:linear-gradient(90deg, transparent 12%, var(--color-black));mask-image:linear-gradient(90deg, transparent 12%, var(--color-black));pointer-events:none;background-size:38px 38px;position:absolute;inset:0}.home-dashboard-copy,.home-featured-card{z-index:1;position:relative}.home-dashboard-copy{align-self:center;max-width:690px}.home-dashboard-copy h1{max-width:680px;margin:var(--space-2) 0 var(--space-4);font-size:clamp(2.45rem,4vw,3.8rem);font-weight:var(--font-weight-heavy);letter-spacing:-.06em;line-height:.96}.home-dashboard-lede{max-width:590px;color:var(--muted-strong);font-size:var(--font-size-body);margin:0;line-height:1.7}.home-quick-links{margin-top:var(--space-5);color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-wrap:wrap;gap:18px;display:flex}.home-quick-links a{text-decoration:none}.home-quick-links a:hover{color:var(--green-300);text-underline-offset:4px;text-decoration:underline}.home-page-heading-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.home-featured-card{border:1px solid var(--white-a12);background:var(--featured-card-surface);min-width:0;box-shadow:0 28px 54px var(--black-a30);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;align-self:center}.home-featured-album{border-radius:inherit;min-height:330px;position:relative;overflow:hidden}.home-featured-artwork{background:linear-gradient(145deg, var(--device-surface-start), var(--device-surface-end));color:var(--green-300);font-size:2.4rem;font-weight:var(--font-weight-heavy);place-items:center;text-decoration:none;display:grid;position:absolute;inset:0}.home-featured-artwork:after{background:linear-gradient(180deg, var(--artwork-scrim-faint) 20%, var(--artwork-scrim-medium) 58%, var(--artwork-scrim-strong) 100%);content:"";position:absolute;inset:0}.home-featured-artwork img{object-fit:cover;width:100%;height:100%}.home-featured-copy{z-index:1;min-width:0;padding:26px 76px 26px 26px;position:absolute;bottom:0;left:0;right:0}.home-featured-copy h2{margin:var(--space-2) 0 6px;letter-spacing:-.045em;font-size:clamp(1.45rem,2.25vw,2rem);line-height:1.2}.home-featured-copy h2 a,.home-featured-link{text-decoration:none}.home-featured-copy h2 a:hover,.home-featured-link:hover{color:var(--green-300)}.home-featured-artist,.home-featured-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-featured-artist{color:var(--text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.home-featured-meta{color:var(--muted);font-size:var(--font-size-xs);margin:7px 0 0}.home-featured-link{display:none}.home-featured-card .listener-card-play{opacity:1;display:grid;top:auto;bottom:clamp(18px,2.6vw,26px);right:clamp(18px,2.6vw,26px);transform:none}.home-music-shelf{min-width:0;margin:0 0 42px}.home-music-shelf-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:end;gap:20px;display:flex}.home-music-shelf-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem)}.home-music-shelf-heading p{color:var(--muted);font-size:var(--font-size-sm);margin:6px 0 0}.home-shelf-empty{border:1px dashed var(--line);color:var(--muted);border-radius:12px;margin:0;padding:22px}.listener-shell-web .home-music-shelf .listener-playlist-card{min-width:0}.section-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,2.3vw,2rem)}.section-heading div>p:last-child{max-width:680px;color:var(--muted);font-size:var(--font-size-xs);margin:7px 0 0;line-height:1.5}.section-heading>span{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:none}.empty-card{align-items:center;gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:44px;padding:26px;display:flex}.empty-card>svg{width:32px;height:32px;color:var(--green-400);flex:none}.empty-card p{color:var(--muted);font-size:var(--font-size-sm);margin:6px 0 0}.mobile-player-options-toggle{display:none}.listener-shell-web .right-panel,.web-listener-app .listener-responsive-frame~.right-panel{inset:var(--top-panel-height) 0 var(--bottom-panel-height) auto;z-index:var(--z-sidebar);background:var(--queue-panel-surface);width:360px;box-shadow:-18px 0 42px var(--black-a20);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:fixed}.listener-shell-web .right-panel .listener-right-panel-close,.web-listener-app .listener-responsive-frame~.right-panel .listener-right-panel-close{display:none}.listener-shell-web:has(.right-panel) .middle-panel{--middle-panel-right-inset:0px;right:0}.listener-shell-web:has(.right-panel) .middle-panel{--middle-panel-right-inset:360px;right:360px}.web-listener-app .listener-responsive-frame:has(~.right-panel:not(.is-desktop-hidden)) .middle-panel{--middle-panel-right-inset:360px;right:360px}@media not (max-width:1500px){.listener-shell-web .right-panel.is-desktop-hidden,.web-listener-app .listener-responsive-frame~.right-panel.is-desktop-hidden{display:none}.listener-shell-web:has(.right-panel.is-desktop-hidden) .middle-panel{--middle-panel-right-inset:0px;right:0}.web-listener-app .listener-responsive-frame:has(~.right-panel.is-desktop-hidden) .middle-panel{--middle-panel-right-inset:0px;right:0}}.listener-shell-web .right-panel h3,.listener-shell-web .right-panel p{margin:0}.device-picker button{border:1px solid var(--line);background:var(--white-a3);padding:var(--space-2) 10px;color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:9px}.device-picker button[aria-pressed=true]{border-color:var(--accent-a42);background:var(--accent-a10);color:var(--green-300)}.device-picker{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.device-picker h3{font-size:var(--font-size-sm)}.device-picker>div{gap:7px;margin-top:10px;display:grid}.device-picker button{text-align:left;display:grid}.device-picker button small{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;margin-top:3px}.track-context-menu .web-desktop-download-item{align-items:flex-start}.web-desktop-download-copy{gap:1px;display:grid}.web-desktop-download-copy small{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2}.login-page{width:min(100%,560px);min-height:calc(100vh - var(--bottom-panel-height) - 190px);place-content:center;margin:0 auto;padding:18px 0 38px;display:grid}.back-link{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-self:center;margin-top:20px;text-decoration:none}.back-link:hover{color:var(--text)}.collection-shell{min-height:100vh;padding-bottom:var(--bottom-panel-height)}.collection-topbar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--line);background:var(--collection-toolbar-surface);min-height:76px;padding:var(--space-3) clamp(20px, 4vw, 56px);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;position:sticky;top:0}.collection-topbar nav{align-items:center;gap:14px;display:flex}.collection-topbar nav>a:not(.login-button){color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-decoration:none}.collection-topbar nav>a:not(.login-button):hover{color:var(--text)}.collection-user{border-left:1px solid var(--line);color:var(--text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding-left:14px}.collection-main{width:min(1160px,100% - clamp(36px,7vw,100px));margin:0 auto;padding:46px 0 90px}.listener-shell-web .track-copy a{font-weight:var(--font-weight-bold);text-decoration:none}.listener-shell-web .track-copy a:hover{color:var(--green-300);text-underline-offset:3px;text-decoration:underline}.capability-notice{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg, var(--accent-a8), var(--white-a2));align-items:flex-start;gap:14px;margin-top:28px;padding:17px 19px;display:flex}.capability-notice>svg{width:20px;height:20px;color:var(--green-400);flex:none}.capability-notice strong{font-size:var(--font-size-sm)}.capability-notice p{color:var(--muted);font-size:var(--font-size-xs);margin:5px 0 0;line-height:1.55}.guest-listening-notice{margin:0 0 var(--space-5);align-items:center}.guest-listening-notice>div{flex:1;min-width:0}.guest-listening-notice>a{flex:none;text-decoration:none}.track-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:0 15px 13px;display:flex}.track-heading h2{letter-spacing:-.035em;margin:0;font-size:1.35rem}.track-heading>span{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:7px;display:flex}.track-heading>span svg{width:14px;height:14px}.artist-releases{scroll-margin-top:95px}.collection-missing{text-align:center;align-content:center;place-items:center;min-height:55vh;display:grid}.collection-missing>svg{width:70px;height:70px;color:var(--green-400);margin-bottom:22px}.collection-missing h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(2rem,6vw,4rem)}.collection-missing>p:not(.eyebrow){max-width:520px;margin:17px 0 var(--space-5);color:var(--muted-strong);line-height:1.6}.inline-mutation{justify-items:end;gap:var(--space-2);flex:none;display:grid}.playlist-editor h2{letter-spacing:-.035em;margin:0;font-size:1.45rem}.playlist-editor p{max-width:620px;margin:var(--space-2) 0 0;color:var(--muted-strong);font-size:var(--font-size-sm);line-height:1.55}.search-form{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:15px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:28px;padding:9px 10px 9px 17px;display:grid}.search-form>svg{width:22px;height:22px;color:var(--green-400)}.search-form input{min-width:0;color:var(--text);font-size:var(--font-size-body);background:0 0;border:0;padding:11px 0}.search-form input::placeholder{color:var(--muted)}.availability-note,.privacy-note{border:1px solid var(--line);background:var(--white-a2_5);padding:var(--space-4) 18px;color:var(--muted-strong);font-size:var(--font-size-xs);border-radius:12px;margin:0}.personal-more{justify-self:center;margin-top:10px}.personal-more svg{width:15px;height:15px}.back-link-inline{color:var(--green-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-self:start;text-decoration:none}.personal-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.personal-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--personal-card-surface-start), var(--record-face-surface));border-radius:15px;min-width:0;overflow:hidden}.personal-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.personal-card>a{gap:6px;padding:11px 11px 15px;text-decoration:none;display:grid}.personal-card-artwork{aspect-ratio:1;background:linear-gradient(145deg, var(--forest-800), var(--forest-1000));color:var(--green-300);border-radius:11px;place-items:center;display:grid;overflow:hidden}.personal-card-artwork img{object-fit:cover;width:100%;height:100%}.personal-card-artwork svg{width:36%;height:36%}.personal-card strong,.personal-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.personal-card strong{font-size:var(--font-size-sm);margin-top:7px}.personal-card small{color:var(--muted);font-size:var(--font-size-xs);text-transform:capitalize}.listener-shell-web .search-group .personal-track-list{margin-top:0}.listener-shell-web .playlist-order-actions button,.text-button{border:1px solid var(--line);background:var(--white-a3);min-height:31px;color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;border-radius:8px;padding:0 9px}.playlist-picker{display:inline-flex;position:relative}.playlist-picker-panel{z-index:var(--z-inline-menu);border:1px solid var(--line-strong);background:var(--playlist-picker-surface);width:min(310px,100vw - 32px);box-shadow:0 18px 45px var(--black-a45);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 7px);right:0}.playlist-picker-panel label,.playlist-picker-panel select{width:100%;min-width:0}.playlist-picker-panel select{border:1px solid var(--line);background:var(--forest-950);min-height:32px;padding:0 var(--space-2);color:var(--text);font-size:var(--font-size-xs);border-radius:8px}.playlist-picker-panel>small{color:var(--muted-strong);font-size:var(--font-size-xs);grid-column:1/-1;line-height:1.4}.playlist-picker-panel>small[role=status]{color:var(--green-300)}.listener-shell-web .personal-track-actions button:hover,.listener-shell-web .playlist-order-actions button:hover,.text-button:hover{border-color:var(--line-strong);color:var(--text)}.privacy-note{margin-top:var(--space-5)}.playlist-editor{border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);margin-top:30px;padding:clamp(20px,3vw,30px)}.playlist-edit-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(180px,1fr) minmax(240px,1.5fr) 150px auto;margin-top:20px;display:grid}.playlist-editor label{min-width:0;color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:7px;display:grid}.playlist-editor input,.playlist-editor textarea,.playlist-editor select{border:1px solid var(--line);background:var(--playlist-field-surface);width:100%;color:var(--text);resize:vertical;border-radius:9px;outline:0;padding:10px 11px}.playlist-editor input:focus,.playlist-editor textarea:focus,.playlist-editor select:focus{border-color:var(--green-400)}.playlist-card-grid{margin-top:28px}.playlist-editor{margin-top:var(--space-7)}.playlist-editor-notice{margin-top:40px}.playlist-inline-feedback{border:1px solid var(--line);background:var(--white-a3);margin:var(--space-4) 0 0;color:var(--muted-strong);font-size:var(--font-size-xs);border-radius:10px;align-items:center;gap:10px;padding:10px 13px;display:flex}.playlist-add-track{align-items:end;gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-5);grid-template-columns:minmax(240px,1fr) auto;margin-top:28px;display:grid}.playlist-add-track>div{gap:5px;display:grid}.playlist-add-track p{color:var(--muted);font-size:var(--font-size-xs);margin:0;line-height:1.5}.playlist-add-track>a{justify-content:center;align-items:center;gap:7px;display:inline-flex}.playlist-add-track>a svg,.listener-shell-web .playlist-order-actions svg{width:15px;height:15px}.playlist-order-list{gap:5px;margin:25px 0 0;padding:0;list-style:none;display:grid}.playlist-order-list li{background:var(--white-a2_5);font-size:var(--font-size-xs);border-radius:9px;grid-template-columns:28px minmax(160px,1fr) minmax(120px,.6fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.playlist-order-list li>span:first-child,.playlist-order-list small{color:var(--muted)}.listener-shell-web .playlist-order-actions{gap:5px;display:flex}.listener-shell-web .playlist-order-actions .danger-text,.danger-button{color:var(--danger)}.settings-reset-card{border-color:var(--danger-a18)}.settings-reset-action{border:1px solid var(--danger-a30);background:var(--danger-a7);width:fit-content;min-height:40px;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px;padding:0 14px}.settings-reset-error{color:var(--danger);font-size:var(--font-size-xs);margin:0}.settings-reset-dialog>p{color:var(--text-soft);margin:0;line-height:1.6}.settings-reset-dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.playlist-danger-zone{justify-content:space-between;align-items:center;gap:var(--space-5);border-top:1px solid var(--danger-a18);padding-top:var(--space-5);margin-top:28px;display:flex}.mutation-message{align-items:center;gap:9px;display:flex;color:var(--danger)!important;font-size:var(--font-size-xs)!important}.text-button{min-height:27px;color:var(--green-300)}button:disabled{cursor:not-allowed;opacity:.48}@media (max-width:980px){.personal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-edit-form{grid-template-columns:1fr 1fr}.soundboard-mode-control{display:none}.soundboard-upload-card form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1060px){.home-dashboard-hero.has-feature{grid-template-columns:1fr}.home-featured-card{width:min(620px,100%)}}@media (max-width:1500px){.listener-shell-web:has(.right-panel) .middle-panel{--middle-panel-right-inset:0px;right:0}.web-listener-app .listener-responsive-frame:has(~.right-panel:not(.is-desktop-hidden)) .middle-panel{--middle-panel-right-inset:0px;right:0}.listener-shell-web .right-panel,.web-listener-app .listener-responsive-frame~.right-panel{z-index:var(--z-mobile-navigation);width:min(380px,100vw);box-shadow:-28px 0 70px var(--black-a46)}.listener-shell-web .right-panel:not(.is-open),.web-listener-app .listener-responsive-frame~.right-panel:not(.is-open){display:none}.listener-shell-web .right-panel .listener-right-panel-close,.web-listener-app .listener-responsive-frame~.right-panel .listener-right-panel-close{display:grid}}@media (max-width:760px){.listener-shell-web .listener-install-app{gap:var(--space-2);border-top:1px solid var(--line);margin-top:auto;padding-top:14px;display:grid}.listener-shell-web .listener-install-app-button{border:1px solid var(--community-green-a34);background:var(--community-green-a12);width:100%;min-height:44px;color:var(--text-on-green-soft);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold);padding:10px var(--space-3);text-align:left;border-radius:8px;align-items:center;gap:10px;display:flex}.listener-shell-web .listener-install-app-button:hover,.listener-shell-web .listener-install-app-button:focus-visible,.listener-shell-web .listener-install-app-button[aria-expanded=true]{border-color:var(--community-green-a58);background:var(--community-green-a18);color:var(--color-white)}.listener-shell-web .listener-install-app-icon{flex:none;width:18px;height:18px}.listener-shell-web .listener-install-app-help{align-items:start;gap:var(--space-2);border:1px solid var(--line);background:var(--install-help-surface);color:var(--text-soft);padding:10px 10px 10px var(--space-3);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;display:grid}.listener-shell-web .listener-install-app-help p{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;line-height:1.4}.listener-shell-web .listener-install-app-dismiss{background:var(--white-a8);width:28px;height:28px;color:var(--text-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.listener-shell-web .listener-install-app-dismiss:hover{background:var(--white-a14);color:var(--color-white)}.listener-shell-web .listener-install-app-dismiss svg{width:15px;height:15px}.soundboard-upload-card form{grid-template-columns:1fr}.soundboard-upload-card .primary-button{width:100%;margin-top:0}html:root{--top-panel-height:62px;--bottom-panel-height:calc(148px + env(safe-area-inset-bottom))}html:root:has(.web-player-bar.is-mobile-options-open){--bottom-panel-height:calc(200px + env(safe-area-inset-bottom))}.listener-shell-web{height:100dvh}.listener-shell-web .middle-panel{left:0}.listener-shell-web .quiet-button{display:none}.listener-shell-web .middle-panel-content{--route-content-top-padding:18px;width:calc(100% - 28px);padding-top:18px}.listener-shell-web .album-style-tags{--album-discovery-pane-width:100vw;--album-discovery-content-width:calc(100% - 28px)}.listener-shell-web .collection-hero-artwork-background,.listener-shell-web .listener-skeleton-collection-hero-artwork-background{margin-top:-18px;width:100vw;margin-inline-start:calc(50% - 50vw);padding-top:18px}.listener-shell-web .collection-hero-artwork-background .collection-hero-content,.listener-shell-web .listener-skeleton-collection-hero-artwork-background .listener-skeleton-collection-hero-content{width:calc(100% - 28px)}.site-footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-bottom{justify-content:stretch;display:grid}.not-found-page{min-height:calc(100vh - var(--bottom-panel-height) - 164px);gap:var(--space-5);grid-template-columns:1fr;padding:34px 26px}.not-found-copy h1{font-size:clamp(2.35rem,12vw,4rem)}.not-found-art{min-height:250px}.not-found-record{width:min(240px,68vw)}.not-found-tonearm{right:12%}.home-dashboard-hero{border-radius:18px;min-height:0;margin-bottom:36px;padding:26px 22px}.home-dashboard-copy h1{font-size:clamp(2.35rem,11vw,3.9rem)}.home-featured-album{min-height:300px}.home-featured-copy{padding:22px 72px 22px 22px}.home-featured-card .listener-card-play{bottom:16px;right:16px}.section-heading{align-items:start}.section-heading>span{display:none}.listener-shell-web .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-card-link{padding:9px 9px 13px}.card-play{width:38px;height:38px}.mobile-player-options-toggle{border:1px solid var(--white-a12);background:var(--white-a7);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.mobile-player-options-toggle:hover,.mobile-player-options-toggle:focus-visible,.web-player-bar .mobile-player-options-toggle.active{border-color:var(--accent-a55);background:var(--accent-a14);color:var(--green-300)}.mobile-player-options-toggle svg{width:18px;height:18px}.listener-shell-web .collection-topbar .brand-copy{display:none}.listener-shell-web .collection-topbar .brand-icon{width:43px;height:43px}.collection-main{width:calc(100% - 28px);padding-top:var(--space-5)}.inline-mutation{justify-items:stretch;width:100%}.search-form{grid-template-columns:20px minmax(0,1fr)}.search-form .primary-button{grid-column:1/-1}.personal-card-grid{gap:10px}.playlist-edit-form,.playlist-add-track{grid-template-columns:1fr}.playlist-order-list li{grid-template-columns:23px minmax(0,1fr) auto}.playlist-order-list small,.listener-shell-web .playlist-order-actions button:not(.danger-text){display:none}.playlist-danger-zone{flex-direction:column;align-items:stretch}.guest-listening-notice{flex-wrap:wrap;align-items:flex-start}.guest-listening-notice>a{justify-content:center;width:100%}.soundboard-card-grid{grid-template-columns:1fr}.soundboard-preview-card{grid-template-columns:76px minmax(0,1fr)}.soundboard-preview-button{width:76px;min-height:76px}.soundboard-results-heading,.soundboard-dashboard-heading{align-items:start}.soundboard-dashboard-heading .capability-pill{display:none}.soundboard-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soundboard-dashboard-tab-row,.soundboard-dashboard-toolbar,.soundboard-remote-picker,.soundboard-dashboard-empty-manager{grid-template-columns:1fr}.soundboard-preload-toolbar{flex-direction:column;align-items:stretch}.soundboard-asset-picker-filters,.soundboard-dashboard-create.compact,.soundboard-section-settings,.soundboard-add-pad,.soundboard-pad-editors form{grid-template-columns:1fr}.soundboard-pad-editors form label:nth-child(2){grid-column:auto}.soundboard-dashboard-toolbar>.danger-button{width:100%}.soundboard-detail-card{grid-template-columns:1fr}.soundboard-detail-preview .soundboard-pad>button{min-height:190px}.soundboard-detail-copy h1{font-size:clamp(1.75rem,8vw,3rem)}}@media (max-width:560px){.site-footer-link-grid{grid-template-columns:1fr}.primary-button,.capability-pill{width:100%}.album-card h3{font-size:var(--font-size-sm)}.album-card p{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.overlay-builder{gap:var(--space-5);margin-top:var(--space-5);border:1px solid var(--white-a12);background:var(--overlay-builder-surface);border-radius:22px;padding:clamp(20px,4vw,36px);display:grid}.overlay-builder h2,.overlay-builder p{margin:0}.overlay-builder h2{margin-bottom:var(--space-2);font-size:clamp(1.35rem,3vw,2rem)}.overlay-builder-controls{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.overlay-builder-controls fieldset,.overlay-color-control,.overlay-preview-block,.overlay-link-field{padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-white) 10%, transparent);border-radius:14px;gap:10px;margin:0;display:grid}.overlay-builder-controls legend,.overlay-color-control>span,.overlay-preview-block>span,.overlay-link-field>span{font-weight:var(--font-weight-semibold)}.overlay-color-control{grid-template-columns:1fr auto auto;align-items:center}.overlay-color-control input{cursor:pointer;background:0 0;border:0;width:52px;height:40px;padding:2px}.overlay-effect-control{align-content:start}.overlay-effect-color,.overlay-range-control{grid-template-columns:minmax(72px,auto) 1fr auto;align-items:center;gap:10px;display:grid}.overlay-effect-color input{cursor:pointer;background:0 0;border:0;justify-self:end;width:52px;height:40px;padding:2px}.overlay-range-control output{min-width:48px;color:color-mix(in srgb, var(--color-white) 72%, transparent);font-variant-numeric:tabular-nums;text-align:right}.overlay-alignment-options{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.overlay-alignment-options label{cursor:pointer}.overlay-alignment-options input{opacity:0;position:absolute}.overlay-alignment-options span{padding:10px var(--space-3);border:1px solid var(--white-a14);text-align:center;border-radius:10px;display:block}.overlay-alignment-options input:checked+span{border-color:var(--green-500);background:var(--community-green-a16);color:var(--overlay-link)}.overlay-preview-block{overflow:hidden}.overlay-preview{min-height:150px;padding:var(--space-5);background-color:var(--transparency-grid-dark);background-image:linear-gradient(45deg, var(--transparency-grid-light) 25%, transparent 25%), linear-gradient(-45deg, var(--transparency-grid-light) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--transparency-grid-light) 75%), linear-gradient(-45deg, transparent 75%, var(--transparency-grid-light) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:10px;align-items:center;display:flex;overflow:hidden}.overlay-preview strong{isolation:isolate;max-width:100%;font-family:var(--font-google-sans), sans-serif;font-size:clamp(2rem,7vw,4.5rem);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;text-shadow:var(--overlay-shadow,none);line-height:1;position:relative}.overlay-preview strong:before{z-index:-1;color:#0000;content:attr(data-text);pointer-events:none;text-shadow:none;-webkit-text-stroke:var(--overlay-outline,0 transparent);position:absolute;inset:0}.overlay-link-field>div{grid-template-columns:1fr auto;gap:10px;display:grid}.overlay-link-field input{min-width:0;padding:var(--space-3) 14px;border:1px solid var(--white-a14);background:var(--black-a24);color:var(--color-white);border-radius:10px}.overlay-obs-tip{color:color-mix(in srgb, var(--color-white) 68%, transparent)}@media (max-width:760px){.overlay-builder-controls,.overlay-link-field>div{grid-template-columns:1fr}}.soundboard-dashboard-mode,.soundboard-move-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.soundboard-dashboard-mode{margin:0 0 var(--space-4);color:var(--muted);justify-content:space-between}.soundboard-dashboard-edit{border:1px solid var(--line);min-height:40px;padding:var(--space-2) 14px;color:var(--text);background:var(--surface-raised);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;border-radius:999px}.soundboard-dashboard-edit[aria-pressed=true]{border-color:var(--green-400);background:var(--community-green-a16);color:var(--overlay-status-text)}.soundboard-dashboard-edit:disabled{opacity:.55;cursor:wait}.soundboard-pad-dialog form,.soundboard-add-dashboard-dialog form{gap:14px;display:grid}.soundboard-pad-dialog label,.soundboard-add-dashboard-dialog label{gap:7px;display:grid}.soundboard-pad-dialog input,.soundboard-pad-dialog select,.soundboard-add-dashboard-dialog input,.soundboard-add-dashboard-dialog select{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:9px;padding:9px 11px}.player-notice-viewport{z-index:var(--z-notification);right:20px;bottom:calc(var(--player-height,92px) + 18px);pointer-events:none;max-width:min(380px,100vw - 32px);position:fixed}.player-notice{border:1px solid var(--white-a14);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--player-notice-surface);box-shadow:0 16px 44px var(--black-a38);color:var(--text);font-size:var(--font-size-sm);pointer-events:auto;border-radius:12px;align-items:center;gap:14px;line-height:1.35;display:flex}.player-notice button{width:30px;height:30px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.player-notice button:hover,.player-notice button:focus-visible{background:var(--white-a9);color:var(--text);outline:none}@media (max-width:760px){.player-notice-viewport{right:16px;bottom:calc(var(--player-height,92px) + 12px);max-width:none;left:16px}}.download-page{max-width:780px;margin:var(--space-7) auto}.download-page header p{color:var(--muted);line-height:1.6}.download-page-symbol{width:40px;height:40px;color:var(--text)}.download-options{margin:var(--space-6) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;display:grid}.download-option{gap:var(--space-4);border:1px solid var(--line);background:var(--white-a4);color:var(--text);border-radius:20px;padding:28px;text-decoration:none;display:grid}.download-option h2{margin:0;font-size:1.1rem}.download-option>span:last-child{color:var(--muted);font-size:var(--font-size-sm)}a.download-option:hover{border-color:var(--line-strong);background:var(--white-a8)}.download-option-pending{opacity:.55}.download-browser-link{color:var(--text)}.soundboard-workspace-content{min-block-size:18rem}.soundboard-refresh-notice{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem;display:flex}.queue-route-view{max-width:60rem}.startup-recovery{max-width:65ch;margin-inline:auto;padding:1.5rem}.route-error{max-width:65ch;padding-block:3rem}.route-error>div{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--forest-1100:#0b0d0f;--forest-1050:#0e1012;--forest-1000:#111315;--forest-950:#131517;--forest-900:#171a1d;--forest-850:#1b1e22;--forest-800:#22262b;--forest-750:#292e34;--green-600:#25bb68;--green-500:#42d77d;--green-400:#6ae69b;--green-300:#9af0ba;--green-100:var(--mint-100);--text-on-accent:#07110c;--player-seek-color:var(--green-500);--mint-100:#e6faed;--text:#f8fafc;--text-soft:#d5dbe3;--muted-strong:#adb6c2;--muted:#94a3b8;--muted-text:var(--muted);--text-muted:var(--muted);--line:#ffffff17;--line-strong:#ffffff2e;--surface:#181b1fdb;--surface-raised:#22272ce6;--surface-hover:#30363dbd;--danger:#ffaaa8;--focus:#b0ffcb;--left-panel-width:248px;--top-panel-height:68px;--bottom-panel-height:84px;--radius-small:10px;--radius:16px;--radius-large:25px;--diagnostics-muted:#929da3;--diagnostics-success:#32d583;--diagnostics-line:#2c3336;--diagnostics-success-text:#8ef0bd;--diagnostics-warning:#e9a23b;--diagnostics-warning-text:#ffd089;--diagnostics-subdued:#778187;--diagnostics-danger-text:#ff9b9b;--diagnostics-soft-text:#aab4b9;--diagnostics-surface-strong:#30373a;--diagnostics-surface:#121719;--diagnostics-danger:#f05252;--diagnostics-text:#d7dde0;--diagnostics-accent:#66e6a5;--diagnostics-label:#b9c2c7;--diagnostics-success-line:#286d4b;--diagnostics-border:#343a3d;--diagnostics-badge-border:#31383b;--diagnostics-badge-surface:#171c1f;--diagnostics-warning-border:#765426;--diagnostics-active-border:#3a464b;--diagnostics-warning-surface:#241a09;--diagnostics-success-surface:#10271d;--diagnostics-progress-surface:#061a10;--diagnostics-panel-start:#242a2d;--diagnostics-panel-end:#161b1e;--diagnostics-stream-muted:var(--muted);--diagnostics-stream-live:#62e890;--diagnostics-stream-background:var(--forest-1100);--diagnostics-stream-warning:#ffd166;--diagnostics-stream-soft-text:var(--text-soft);--diagnostics-stream-border:var(--line-strong);--diagnostics-stream-text:var(--text);--diagnostics-stream-surface:var(--forest-900);--diagnostics-stream-summary-text:var(--text-soft);--diagnostics-stream-timeline:#1a4e2b;--diagnostics-stream-buffer:#3e8250;--diagnostics-stream-strong-text:var(--text);--diagnostics-stream-danger-text:#ff9b9b;--diagnostics-stream-buffer-range:#547666;--diagnostics-stream-canceled:#515965;--dialog-border:var(--line-strong);--dialog-text:var(--text);--dialog-surface-end:var(--forest-1000);--dialog-danger-text:#ffb5b0;--dialog-surface-start:var(--surface);--dialog-danger-accent:#ef817d;--dialog-warning-accent:#edbb67;--dialog-muted:var(--muted-strong);--dialog-description:var(--text-soft);--dialog-label:var(--text-soft);--dialog-field-border:var(--line);--dialog-field-surface:var(--surface-raised);--dialog-button-border:var(--line);--dialog-button-surface:var(--surface-raised);--dialog-button-text:var(--text-soft);--dialog-divider:var(--line);--dialog-text-on-accent:#170e0b;--dialog-danger-border:#854b48;--dialog-danger-surface:#422320;--dialog-crop-surface:#020617;--dialog-muted-border:var(--line-strong);--brand-discord:#5865f2;--brand-twitch:#9146ff;--brand-google-border:#dadce0;--brand-google-text:#3c4043;--brand-google-muted:#5f6368;--brand-twitch-soft:#d8bfff;--community-green:#22c55e;--recovery-muted:#a7b0b5;--text-on-play-control:#03130a;--danger-control:#f58c8c;--danger-cover-control:#ffabb9;--danger-control-hover:#faa;--text-on-collection-action:#06140b;--inset-control-surface:#111417;--text-on-selection:#041109;--quality-very-high-color:#fbbf24;--palette-white:#fff;--record-groove-dark:#090a0b;--record-groove-light:#1c1f22;--record-label-deep:#14532d;--record-arm-highlight:#d1d5db;--record-arm-shadow:#525861;--record-arm-joint:#4b5158;--error-surface-start:#25292e;--error-surface-end:#121416;--download-surface-start:#272c31;--download-surface-end:#101214;--device-surface-start:#363d43;--device-surface-end:#15181b;--text-on-green-soft:#dcfce7;--overlay-link:#b8ffcc;--overlay-builder-surface:var(--surface);--transparency-grid-dark:#5c5c5c;--transparency-grid-light:#777;--overlay-status-text:var(--text-soft);--color-white:#fff;--color-black:#000;--white-a8:#ffffff14;--white-a6:#ffffff0f;--record-face-surface:#111316e6;--black-a20:#0003;--white-a9:#ffffff17;--white-a12:#ffffff1f;--accent-a42:#42d77d6b;--install-help-surface:var(--surface-raised);--playlist-field-surface:var(--surface-raised);--accent-a17:#42d77d2b;--accent-a8:#42d77d14;--collection-toolbar-surface:var(--forest-1000);--black-a24:#0000003d;--accent-a45:#42d77d73;--record-back-groove:#07090b94;--accent-a16:#42d77d29;--community-green-a9:#22c55e17;--record-back-line:#8bebb129;--community-green-a34:#22c55e57;--white-a1_4:#ffffff04;--community-green-a12:#22c55e1f;--black-a46:#00000075;--white-a3_5:#ffffff09;--community-green-a14:#22c55e24;--danger-a30:#ffaaa84d;--white-a7:#ffffff12;--primary-action-shadow-color:#188b4933;--artwork-scrim-strong:#050708f5;--player-notice-surface:var(--forest-900);--white-a14:#ffffff24;--black-a40:#0006;--white-a11:#ffffff1c;--featured-card-surface:#080a0b73;--accent-a10:#42d77d1a;--error-hero-surface-end:#0e1012fa;--danger-a18:#ffaaa82e;--community-green-a18:#22c55e2e;--community-green-a16:#22c55e29;--scrollbar-thumb:#858585;--black-a26:#00000042;--danger-a7:#ffaaa812;--playlist-picker-surface:var(--forest-900);--white-a2:#ffffff05;--white-a3:#ffffff08;--error-hero-surface-start:#262a2ff5;--black-a48:#0000007a;--white-a5:#ffffff0d;--black-a30:#0000004d;--artwork-scrim-medium:#0507088c;--queue-panel-surface:#0f1113fa;--white-a2_5:#ffffff06;--white-a4:#ffffff0a;--white-a1_5:#ffffff04;--black-a45:#00000073;--personal-card-surface-start:#1f2328d1;--black-a38:#00000061;--artwork-scrim-faint:#05070808;--community-green-a58:#22c55e94;--accent-a55:#42d77d8c;--accent-a14:#42d77d24;--palette-black:#000;--font-weight-regular:400;--font-weight-medium:600;--font-weight-semibold:700;--font-weight-bold:800;--font-weight-heavy:900;--media-title-weight:500;--media-heading-weight:600;--media-metadata-weight:400;--z-sticky:20;--z-sidebar:30;--z-player:40;--z-profile:60;--z-navigation-backdrop:68;--z-navigation:72;--z-mobile-navigation:80;--z-inline-menu:90;--z-context-menu:120;--z-relax:150;--z-fullscreen:160;--z-popover:180;--z-notification:240;--z-dialog:1000;--z-tooltip:10000;--font-family:var(--font-google-sans,"Google Sans"), "Noto Sans Thai", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-body:1rem;--font-size-label:.875rem;--font-size-heading:1.5rem;--font-size-title:clamp(2rem, 4vw, 4rem);--line-height-body:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--duration-fast:.14s;--duration-hover:.15s;--duration-toggle:.16s;--duration-spinner:.7s;--duration-normal:.22s;--duration-slow:.36s;--ease-out:cubic-bezier(.16, 1, .3, 1);--elevation-popover:0 12px 32px #00000052;--elevation-dialog:0 24px 70px #00000047;--elevation-card:0 8px 24px #0000003d;--shadow:var(--elevation-dialog);--background:var(--forest-1000);--background-deep:var(--forest-1100);--surface-strong:#30363d;--accent:var(--green-500);--accent-strong:var(--green-400);--accent-soft:#42d77d24;--accent-glow:#42d77d38;--warning:#f4be68;--warning-soft:#804e1552;--danger-soft:#7e263a57;--right-panel-width:360px;--breakpoint-mobile:760px;--breakpoint-tablet:980px;--breakpoint-narrow:560px;--breakpoint-tight:380px;--breakpoint-player:1060px;--breakpoint-wide:1280px;--breakpoint-queue:1500px}@scope(.listener-shell-web,.listener-shell-desktop){.soundboard-upload-card{border:1px solid var(--line);border-radius:var(--radius-large);padding:clamp(var(--space-4), 3vw, 26px);margin-bottom:22px}.su-form{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;display:grid}.su-surface{border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;flex-direction:column;min-width:0;padding:20px;display:flex}.su-surface[data-state=invalid]{border-color:var(--danger);background:linear-gradient(145deg,#482025,#24171b)}.su-surface[data-state=warning]{border-color:#dbb66e}.su-track,.su-meta{align-items:center;gap:var(--space-4);display:flex}.su-track strong{overflow-wrap:anywhere}.su-surface input{width:100%;accent-color:var(--green-400)}.su-time{justify-content:space-between;display:flex}.su-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.su-badges span{border:1px solid var(--line-strong);border-radius:8px;padding:5px 9px}.su-badges [data-invalid=true]{color:var(--danger);border-color:currentColor}.su-fields .error,.su-remove:enabled:is(:hover,:active),.su-surface[data-state=invalid] .su-status{color:var(--danger)}.su-surface[data-state=warning] .su-status{color:#f3ce88}.su-empty{text-align:center;justify-items:center;gap:10px;display:grid}.su-fields,.su-fields label{gap:var(--space-2);align-content:start;min-width:0;display:grid}.su-fields{gap:var(--space-4)}.su-fields :is(input,select){border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;padding:10px var(--space-3);background:var(--forest-1000);color:var(--text);font:inherit;border-radius:10px}.su-form :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.su-form button{cursor:pointer;min-width:44px;min-height:44px}.su-form button:disabled{opacity:.5}@media (max-width:760px){.su-form{grid-template-columns:1fr}}.su-intro h2,.su-intro p{margin:0 0 6px}.su-meta{margin-top:28px}.su-choose{border-radius:inherit;color:inherit;font:inherit;background:0 0;border:0;flex:1;margin:-20px;padding:20px}.su-file-button{border:1px solid var(--line-strong);background:#42d77d18;border-radius:12px;padding:10px 14px}.su-remove{color:var(--muted-strong);background:0 0;flex-shrink:0;margin-left:auto}.soundboard-dashboard-tabs{border-bottom:1px solid var(--line);margin:var(--space-1) 0 22px;padding:0 0 var(--space-3);gap:7px;display:flex;overflow-x:auto}.soundboard-dashboard-tabs a{border:1px solid var(--line);background:var(--white-a2_5);color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px;flex:none;padding:9px 14px;text-decoration:none}.soundboard-dashboard-tab{flex:none;align-items:center;gap:5px;display:inline-flex}.soundboard-dashboard-tab>button{border:1px solid var(--line);background:var(--white-a3);width:32px;height:32px;color:var(--muted-strong);font:inherit;font-weight:var(--font-weight-heavy);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.soundboard-dashboard-tab>button:hover:not(:disabled){color:var(--green-300);border-color:#42d77d61}.soundboard-dashboard-tab>button:disabled{opacity:.35;cursor:default}.soundboard-dashboard-tabs a:hover,.soundboard-dashboard-tabs a[aria-current=page]{background:var(--accent-a10);color:var(--green-300);border-color:#42d77d61}.soundboard-results{margin-top:var(--space-1)}.soundboard-public-shelves{gap:clamp(34px, 6vw, var(--space-8));display:grid}.soundboard-results-heading,.soundboard-dashboard-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px;display:flex}.soundboard-results-heading h2,.soundboard-dashboard-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.4vw,2.1rem)}.soundboard-results-heading>span{color:var(--muted);font-size:var(--font-size-xs)}.soundboard-card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.soundboard-preview-card{gap:var(--space-3);border:1px solid var(--line);min-width:0;transition:transform var(--duration-hover) ease, border-color var(--duration-hover) ease, background var(--duration-hover) ease;background:linear-gradient(145deg,#202429e0,#101215f5);border-radius:15px;grid-template-columns:86px minmax(0,1fr);padding:11px;display:grid}.soundboard-preview-card:hover,.soundboard-preview-card.playing{background:linear-gradient(145deg,#2d3238f5,#14171afa);border-color:#42d77d4f;transform:translateY(-2px)}.soundboard-preview-button{background:radial-gradient(circle at 50% 20%, #6ae69b2e, transparent 65%), var(--forest-950);width:86px;min-height:86px;color:var(--green-300);cursor:pointer;border:1px solid #6ae69b38;border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}.soundboard-preview-button:hover,.soundboard-preview-button[aria-pressed=true]{background:radial-gradient(circle at 50% 20%, #6ae69b4d, transparent 67%), var(--forest-900)}.soundboard-preview-icon{z-index:2;background:var(--green-500);color:#021008;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:relative;box-shadow:0 9px 24px #00000059}.soundboard-preview-icon svg{width:17px;height:17px}.soundboard-preview-wave{opacity:.45;justify-content:center;align-items:end;gap:3px;height:15px;display:flex;position:absolute;inset:auto 8px 8px}.soundboard-preview-wave i{background:var(--green-400);border-radius:99px;width:3px}.soundboard-preview-wave i:first-child{height:35%}.soundboard-preview-wave i:nth-child(2){height:70%}.soundboard-preview-wave i:nth-child(3){height:100%}.soundboard-preview-wave i:nth-child(4){height:58%}.soundboard-preview-wave i:nth-child(5){height:29%}.soundboard-card-copy{align-content:center;min-width:0;display:grid;position:relative}.soundboard-card-menu{z-index:3;position:absolute;top:0;right:0}.soundboard-card-menu>button{border:1px solid var(--line-strong);background:var(--surface-raised);cursor:pointer;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.soundboard-card-title{align-items:center;gap:6px;min-width:0;display:flex}.soundboard-card-title a{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.soundboard-card-title a:hover,.soundboard-owner-link:hover{color:var(--green-300)}.soundboard-card-title span{padding:2px var(--space-1);color:var(--danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;background:#ffaaa81a;border-radius:5px;flex:none}.soundboard-owner-link{color:var(--muted-strong);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;text-decoration:none;overflow:hidden}.soundboard-card-meta{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.soundboard-card-meta span,.soundboard-detail-stats span{border:1px solid var(--line);background:var(--white-a2_5);color:var(--muted);font-size:var(--font-size-xs);border-radius:999px;padding:3px 6px}.soundboard-reaction-controls{margin-top:var(--space-2);align-items:center;gap:6px;display:flex}.soundboard-reaction-button{justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--line);background:var(--white-a2_5);min-width:42px;padding:var(--space-1) 7px;color:var(--muted-strong);font-size:var(--font-size-xs);cursor:pointer;border-radius:999px;display:inline-flex}.soundboard-reaction-button svg{width:13px;height:13px}.soundboard-reaction-button:hover,.soundboard-reaction-button.like.active{border-color:var(--accent-a45);color:var(--green-300);background:#42d77d1f}.soundboard-reaction-button.dislike.active{color:var(--danger);background:#ffaaa81a;border-color:#ffaaa86b}.soundboard-reaction-button:disabled{opacity:.55;cursor:wait}.soundboard-report-button{margin-top:var(--space-2);padding:var(--space-1) 2px;color:var(--muted-strong);font-size:var(--font-size-xs);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.soundboard-edit-button{width:fit-content;color:var(--green-300);font-size:var(--font-size-xs);text-underline-offset:.2rem;cursor:pointer;background:0 0;border:0;padding:.25rem .1rem;text-decoration:underline}.soundboard-edit-button:hover{color:var(--green-100)}.soundboard-delete-button{width:fit-content;color:var(--danger);font-size:var(--font-size-xs);text-underline-offset:.2rem;cursor:pointer;background:0 0;border:0;padding:.25rem .1rem;text-decoration:underline}.soundboard-delete-button:hover{color:#ffd0ce}.soundboard-report-button:hover{color:var(--danger)}.soundboard-report-feedback{min-height:20px}.soundboard-audio{display:none}.soundboard-preview-notice{min-height:18px;margin:var(--space-2) 0 0;color:var(--danger);font-size:var(--font-size-xs);text-align:center}.soundboard-page-actions{min-height:42px;margin-top:var(--space-2);justify-content:center;align-items:center;gap:14px;display:flex}.soundboard-page-actions>span{min-width:110px;color:var(--muted);font-size:var(--font-size-xs);text-align:center}.soundboard-page-actions button{align-items:center;gap:7px;display:inline-flex}.soundboard-page-actions button svg{width:16px;height:16px}.soundboard-dashboard-workspace{border:1px solid var(--line);border-radius:var(--radius-large);background:#05150ca6;padding:clamp(18px,3vw,30px)}.soundboard-dashboard-tabs{margin-top:0}.soundboard-dashboard-tab-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-bottom:22px;display:grid}.soundboard-dashboard-tab-row .soundboard-dashboard-tabs{border-bottom:0;margin-bottom:0}}
.listener-beta-badge,.listener-navigation-badge{border:1px solid var(--accent-a45);background:var(--accent-a14);color:var(--green-300);font-weight:var(--font-weight-heavy);text-transform:uppercase;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.listener-beta-badge{letter-spacing:.04em;white-space:nowrap;width:max-content;padding:1px 4px;font-size:.625rem;line-height:1.1}@scope(.listener-shell-web,.listener-shell-desktop){.soundboard-dashboard-create,.soundboard-dashboard-toolbar form,.soundboard-section-settings,.soundboard-add-pad,.soundboard-pad-editors form{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:10px;display:grid}.soundboard-dashboard-create.compact{padding-bottom:var(--space-3);grid-template-columns:minmax(150px,210px) auto}.soundboard-dashboard-create label,.soundboard-dashboard-toolbar label,.soundboard-section-editor label,.soundboard-pad-editors label{color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:6px;display:grid}.soundboard-dashboard-create input,.soundboard-dashboard-toolbar input,.soundboard-section-editor input,.soundboard-section-editor select,.soundboard-pad-editors input,.soundboard-pad-editors select{border:1px solid var(--line);width:100%;min-width:0;min-height:39px;color:var(--text);background:#010a05b8;border-radius:9px;outline:0;padding:0 10px}.soundboard-dashboard-create input:focus,.soundboard-dashboard-toolbar input:focus,.soundboard-section-editor input:focus,.soundboard-section-editor select:focus,.soundboard-pad-editors input:focus,.soundboard-pad-editors select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #42d77d12}.soundboard-color-field{grid-template-columns:1fr}.soundboard-color-field input[type=color]{padding:5px}.soundboard-dashboard-toolbar{align-items:end;gap:var(--space-3);border:1px solid var(--accent-a16);margin-bottom:var(--space-3);background:#0f372047;border-radius:13px;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.3fr) auto;padding:13px;display:grid}.soundboard-dashboard-toolbar>.danger-button{white-space:nowrap;min-height:39px}.soundboard-dashboard-notice{min-height:18px;margin:var(--space-1) 0 10px;color:var(--green-300);font-size:var(--font-size-xs)}.soundboard-remote-picker{border:1px solid var(--accent-a16);margin-bottom:var(--space-3);background:#0f372038;border-radius:13px;grid-template-columns:minmax(210px,320px) minmax(0,1fr);align-items:end;gap:14px;padding:13px;display:grid}.soundboard-remote-picker label{color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:6px;display:grid}.soundboard-remote-picker select{border:1px solid var(--line);min-height:39px;color:var(--text);background:#010a05b8;border-radius:9px;padding:0 10px}.soundboard-remote-picker p{min-height:18px;color:var(--muted);font-size:var(--font-size-xs);margin:0}.soundboard-preload-toolbar{align-items:center;gap:var(--space-3);border:1px solid var(--accent-a16);margin-bottom:var(--space-3);background:#0f372038;border-radius:13px;padding:10px 13px;display:flex}.soundboard-preload-toolbar span{color:var(--muted);font-size:var(--font-size-xs)}.soundboard-dashboard-empty-manager{grid-template-columns:auto minmax(220px,.7fr) minmax(280px,1fr);align-items:center;gap:18px;display:grid}.soundboard-dashboard-empty-manager>svg{width:34px;color:var(--green-400)}.soundboard-dashboard-empty-manager h2,.soundboard-dashboard-empty-manager p{margin:var(--space-1) 0}.soundboard-dashboard-sections{gap:var(--space-5);display:grid}.soundboard-dashboard-section{border-top:1px solid var(--line);padding-top:18px}.soundboard-dashboard-section>header{align-items:center;gap:9px;margin-bottom:13px;display:flex}.soundboard-dashboard-section>header>span{border-radius:99px;width:9px;height:26px;box-shadow:0 0 16px}.soundboard-dashboard-section h3{margin:0;font-size:.92rem}.soundboard-dashboard-section small{color:var(--muted);font-size:var(--font-size-xs);margin-left:auto}.soundboard-section-editor,.soundboard-pad-editors details{border:1px solid var(--accent-a14);margin-bottom:var(--space-3);padding:10px var(--space-3);background:#041c0f8c;border-radius:11px}.soundboard-section-editor>summary,.soundboard-pad-editors summary{cursor:pointer;color:var(--green-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.soundboard-section-editor[open]>summary,.soundboard-pad-editors details[open]>summary{margin-bottom:var(--space-3)}.soundboard-section-settings{border-bottom:1px solid var(--line);padding-bottom:var(--space-3);grid-template-columns:minmax(180px,1fr) 90px auto auto}.soundboard-add-pad{padding-top:var(--space-3);grid-template-columns:minmax(190px,1.2fr) minmax(145px,.8fr) 90px 90px auto}.soundboard-add-pad-picker{gap:var(--space-2);grid-column:1/-1;display:grid}.soundboard-add-pad-picker>strong{color:var(--muted-strong);font-size:var(--font-size-xs)}.soundboard-asset-picker{border:1px solid var(--line);background:#010a0575;border-radius:11px;gap:10px;padding:11px;display:grid}.soundboard-asset-picker-filters{grid-template-columns:minmax(110px,.45fr) minmax(180px,1fr) minmax(150px,.65fr) auto;align-items:end;gap:9px;display:grid}.soundboard-asset-picker-filters label{gap:6px;display:grid}.soundboard-asset-picker-results{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;max-height:250px;display:grid;overflow:auto}.soundboard-asset-picker-results button{gap:var(--space-1);border:1px solid var(--line);text-align:left;background:#0f37203d;border-radius:9px;min-width:0;padding:9px 10px;display:grid}.soundboard-asset-picker-results button.is-selected{border-color:var(--green-400);background:var(--accent-a14)}.soundboard-asset-picker-results span,.soundboard-asset-picker>p{color:var(--muted);font-size:var(--font-size-xs);margin:0}.soundboard-pad-editors{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(245px,1fr));margin-top:10px;display:grid}.soundboard-pad-editors details{margin-bottom:0}.soundboard-pad-editors form{grid-template-columns:repeat(2,minmax(0,1fr))}.soundboard-pad-editors form label:nth-child(2){grid-column:1/-1}.soundboard-pad-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.soundboard-action-menu-item{width:100%;min-height:40px;padding:var(--space-2) 10px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;display:grid}.soundboard-action-menu-item svg{width:18px;height:18px}.soundboard-action-menu-item small{color:var(--muted);font-variant-numeric:tabular-nums}.soundboard-action-menu-item:hover,.soundboard-action-menu-item:focus-visible,.soundboard-action-menu-item.active{background:var(--community-green-a14);color:var(--green-300)}.soundboard-action-menu-item.danger{color:var(--danger)}.soundboard-action-menu-item:disabled{cursor:not-allowed;opacity:.45}.soundboard-detail-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.soundboard-detail-actions .soundboard-action-menu-item{justify-content:center;gap:var(--space-2);min-width:0;min-height:44px;font-size:var(--font-size-sm);text-align:center;border:1px solid var(--line-strong);background:var(--white-a4);padding-inline:var(--space-3);cursor:pointer;border-radius:10px;line-height:1.4;display:flex}.soundboard-detail-actions .soundboard-action-menu-item:is(:hover,:focus-visible,.active){background:var(--accent-a14);border-color:#42d77d75}.soundboard-detail-actions [data-action=edit]{grid-column:1/-1}.soundboard-detail-actions [data-action=soundboard]{background:var(--green-500);color:var(--text-on-accent);font-weight:var(--font-weight-semibold);border-color:#0000;grid-column:1/-1}.soundboard-detail-actions:has([data-action=edit]) :is([data-action=soundboard],[data-action=edit]){grid-column:auto}.soundboard-detail-actions [data-action=soundboard]:hover{background:var(--green-300);color:var(--text-on-accent)}.soundboard-detail-actions [data-action=report],.soundboard-detail-actions [data-action=trash]{background:0 0;border-color:#0000}.soundboard-detail-actions button:focus-visible{outline:2px solid var(--green-300);outline-offset:3px}.soundboard-detail-actions small{background:var(--white-a8);border-radius:6px;padding:2px 6px}.soundboard-pad-menu .soundboard-report-button,.soundboard-pad-menu .soundboard-add-dashboard-button,.soundboard-pad-menu .soundboard-edit-button,.soundboard-pad-menu .soundboard-delete-button{text-align:left;border-radius:7px;width:100%;min-height:34px;margin:0;padding:7px 9px;text-decoration:none}.soundboard-pad-menu .soundboard-report-button:hover,.soundboard-pad-menu .soundboard-add-dashboard-button:hover,.soundboard-pad-menu .soundboard-edit-button:hover,.soundboard-pad-menu .soundboard-delete-button:hover{background:var(--white-a6)}.soundboard-pad-edit-toolbar{justify-content:space-between;gap:var(--space-1);border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;margin-top:6px;padding:2px;display:flex}.soundboard-pad-edit-toolbar button{min-width:32px;min-height:32px;padding:5px var(--space-2);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.soundboard-pad-edit-toolbar button:is(:hover,:focus-visible):not(:disabled){background:var(--white-a6)}.soundboard-pad-edit-toolbar button:disabled{cursor:not-allowed;opacity:.38}.soundboard-pad-edit-toolbar svg{width:15px;height:15px}.soundboard-empty-section{color:var(--muted);font-size:var(--font-size-xs);margin:0}.soundboard-detail-card{align-items:start;column-gap:clamp(var(--space-5), 4vw, var(--space-7));border:1px solid var(--line-strong);border-radius:var(--radius-large);background:linear-gradient(135deg, #15261df5, var(--surface));box-shadow:var(--shadow);grid-template:"preview heading""preview stats""preview actions"1fr"files files""notice notice"/minmax(240px,340px) minmax(0,1fr);row-gap:20px;padding:clamp(20px,4vw,44px);display:grid}.soundboard-detail-information{display:contents}.soundboard-detail-preview{display:contents}.soundboard-detail-preview .soundboard-preview-region{display:contents}.soundboard-detail-preview .soundboard-pad-grid{grid-area:preview;grid-template-columns:1fr}.soundboard-detail-preview .soundboard-detail-actions{grid-area:actions;margin-top:0}.soundboard-detail-preview .soundboard-preview-notice{grid-area:notice}.soundboard-detail-preview .soundboard-preview-notice:empty{display:none}.soundboard-detail-preview .soundboard-pad>button[type=button]{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--soundboard-pad-color,var(--community-green)) 60%, transparent);min-height:220px;color:var(--soundboard-pad-foreground,#fff);text-shadow:none;border-radius:20px;grid-template-rows:80px minmax(0,1fr);gap:0;padding:28px 0 0}.soundboard-detail-preview .soundboard-pad-icon{width:80px;height:80px;color:var(--palette-white);background:#0000008c}.soundboard-detail-preview .soundboard-pad-icon svg{width:30px;height:30px}.soundboard-detail-copy{grid-area:heading;min-width:0}.soundboard-detail-back{align-items:center;gap:var(--space-2);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;margin-bottom:20px;padding:9px 14px;text-decoration:none;display:inline-flex}.soundboard-detail-copy h1{letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3.75rem);line-height:1.2}.soundboard-detail-copy>p:not(.eyebrow){margin:var(--space-3) 0 0;color:var(--muted-strong);font-size:.9rem}.soundboard-detail-copy>p a{color:var(--green-300);text-decoration:none}.soundboard-detail-stats{gap:var(--space-2);flex-wrap:wrap;grid-area:stats;display:flex}.soundboard-detail-stats span{font-size:var(--font-size-sm);color:var(--muted-strong);padding:6px 10px}.soundboard-file-details{border-top:1px solid var(--line);padding-top:var(--space-4);grid-area:files}.soundboard-file-details summary{cursor:pointer;color:var(--muted-strong);padding-block:var(--space-2)}.soundboard-file-details summary:focus-visible{outline:2px solid var(--green-300);outline-offset:4px}.soundboard-detail-facts{gap:var(--space-4);margin:20px 0 0;display:grid}.soundboard-detail-facts>div{justify-content:space-between;gap:var(--space-1) 20px;flex-wrap:wrap;display:flex}.soundboard-detail-facts dt{color:var(--muted)}.soundboard-detail-facts dd{overflow-wrap:anywhere;margin:0}.soundboard-owner-search{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:20px;padding:10px;display:grid}.soundboard-more{margin:var(--space-3) auto 0}@media (max-width:760px){.soundboard-detail-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""stats""preview""actions""files""notice"}.soundboard-page-actions{flex-wrap:wrap}.soundboard-page-actions>span{order:-1;width:100%}}}.sr-only,.listener-catalog-recovery-announcement{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--focus,var(--green-500))}.listener-shell-main:focus-visible{outline:none}.listener-catalog-recovery{color:var(--text-muted,var(--recovery-muted));font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.listener-catalog-recovery-announcement{border:0;margin:-1px;padding:0}
:root{--listener-slider-preview-color:#ffffffb3}.listener-slider{--listener-slider-thumb-size:14px;--listener-slider-fill:calc(7px + (100% - 14px) * var(--listener-slider-fraction));--listener-slider-preview:calc(7px + (100% - 14px) * var(--listener-slider-preview-fraction));vertical-align:middle;flex:auto;align-items:center;width:100%;min-width:0;height:24px;display:inline-flex;position:relative}.listener-slider-track{inset-inline:0;background:var(--listener-slider-track-background,linear-gradient(to right, var(--player-seek-color,var(--green-500,var(--green-500))) 0 var(--listener-slider-fill), var(--listener-slider-preview-color) var(--listener-slider-fill) var(--listener-slider-preview), #ffffff57 var(--listener-slider-preview) 100%));pointer-events:none;border-radius:999px;height:4px;position:absolute;top:calc(50% - 2px)}.listener-slider .listener-slider-input{z-index:1;appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;margin:0;padding:0;position:relative}.listener-slider-input::-webkit-slider-runnable-track{background:0 0;border:0;height:4px}.listener-slider-input::-webkit-slider-thumb{appearance:none;background:var(--player-seek-color,var(--green-500,var(--green-500)));border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000052}.listener-slider-input::-moz-range-track{background:0 0;border:0;height:4px}.listener-slider-input::-moz-range-progress{background:0 0;border:0;height:4px}.listener-slider-input::-moz-range-thumb{background:var(--player-seek-color,var(--green-500,var(--green-500)));border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000052}.listener-slider[data-thumb-visibility=interaction] .listener-slider-input::-webkit-slider-thumb{opacity:0}.listener-slider[data-thumb-visibility=interaction] .listener-slider-input::-moz-range-thumb{opacity:0}.listener-slider:is(:hover,:focus-within,[data-active]) .listener-slider-input::-webkit-slider-thumb{opacity:1}.listener-slider:is(:hover,:focus-within,[data-active]) .listener-slider-input::-moz-range-thumb{opacity:1}.listener-slider .listener-slider-input:focus-visible{outline:2px solid var(--focus,var(--focus));outline-offset:2px;border-radius:4px}.listener-slider[data-disabled]{opacity:.45}.listener-slider[data-disabled] .listener-slider-input{cursor:default}.listener-slider[data-orientation=vertical]{flex:none;width:24px;height:154px}.listener-slider[data-orientation=vertical] .listener-slider-track{inset-inline:auto;background:linear-gradient(to top, var(--player-seek-color,var(--green-500,var(--green-500))) 0 var(--listener-slider-fill), var(--listener-slider-preview-color) var(--listener-slider-fill) var(--listener-slider-preview), #ffffff57 var(--listener-slider-preview) 100%);width:4px;height:100%;top:0;left:calc(50% - 2px)}.listener-slider[data-orientation=vertical] .listener-slider-input{writing-mode:vertical-lr;cursor:ns-resize;direction:rtl}.listener-slider[data-orientation=vertical] .listener-slider-input::-webkit-slider-runnable-track{width:4px;height:100%}.listener-slider[data-orientation=vertical] .listener-slider-input::-webkit-slider-thumb{margin-top:0;margin-left:-5px}.listener-slider[data-orientation=vertical] .listener-slider-input::-moz-range-track{width:4px;height:100%}.listener-slider-tooltip{z-index:var(--z-tooltip);border:1px solid var(--white-a12);max-width:calc(100vw - 16px);padding:var(--space-1) 7px;color:var(--palette-white);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;pointer-events:none;background:#202826;border-radius:5px;font:.7rem/1.3 system-ui,sans-serif;position:fixed;box-shadow:0 2px 8px #00000040}
[data-listener-scrollbar-ready]{scrollbar-width:none!important;scrollbar-gutter:auto!important}[data-listener-scrollbar-ready]::-webkit-scrollbar{width:0}.listener-overlay-scrollbar.listener-overlay-scrollbar{all:initial;z-index:2;box-sizing:border-box;opacity:0;cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:16px;margin:0;padding:0;transition:opacity .16s ease-out;display:block;position:fixed}.listener-overlay-scrollbar[hidden]{display:none}.listener-overlay-scrollbar:is([data-visible],:hover,[data-keyboard-focus],[data-dragging]){opacity:1}.listener-overlay-scrollbar-thumb{background:var(--scrollbar-thumb,#858585);border-radius:999px;width:6px;transition:width .12s ease-out;display:block;position:absolute;inset:0 3px auto auto}.listener-overlay-scrollbar:is(:hover,[data-keyboard-focus],[data-dragging]) .listener-overlay-scrollbar-thumb{width:9px}.listener-overlay-scrollbar.listener-overlay-scrollbar:focus-visible{box-shadow:none;outline:none}.listener-overlay-scrollbar[data-keyboard-focus] .listener-overlay-scrollbar-thumb{outline-offset:1px;outline:2px solid #d1d5db}@media (prefers-reduced-motion:reduce){.listener-overlay-scrollbar.listener-overlay-scrollbar,.listener-overlay-scrollbar-thumb{transition:none}}[data-motion=reduced] .listener-overlay-scrollbar,[data-motion=reduced] .listener-overlay-scrollbar-thumb{transition:none}@media (forced-colors:active){[data-listener-scrollbar-ready]{scrollbar-width:auto!important;scrollbar-color:auto!important}[data-listener-scrollbar-ready]::-webkit-scrollbar{width:auto}.listener-overlay-scrollbar.listener-overlay-scrollbar{display:none}}
@scope(.listener-shell-web,.listener-shell-desktop,.soundboard-metadata-dialog){.soundboard-pad{--soundboard-pad-color:var(--green-500);isolation:isolate;border-radius:9px;min-width:0;position:relative}:is(.soundboard-pad:has(>.soundboard-pad-menu.is-open),.soundboard-preview-card:has(.soundboard-card-menu.is-open)){z-index:30}.soundboard-pad>button[type=button]{background:radial-gradient(circle at 30% 18%, #ffffff6b, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--soundboard-pad-color) 88%, #fff 12%), color-mix(in srgb, var(--soundboard-pad-color) 72%, #000 28%));width:100%;min-height:104px;color:var(--soundboard-pad-foreground,#fff);text-shadow:none;touch-action:manipulation;cursor:pointer;border:0;border-radius:9px;grid-template-rows:36px auto;align-content:center;place-items:center;gap:8px;padding:12px 14px;transition:box-shadow .14s,transform .14s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.soundboard-pad-icon{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #ffffff40}.soundboard-pad-icon svg{width:17px;height:17px}.soundboard-pad-caption{width:100%;min-width:0;color:inherit;align-self:stretch;align-items:center;padding:0;display:grid}.soundboard-pad strong{overflow-wrap:anywhere;max-width:100%;font-size:.92rem;line-height:1.15}.soundboard-pad-menu{z-index:3;position:absolute;top:7px;right:7px}.soundboard-pad-menu>button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.soundboard-pad-menu>button:is(:hover,[aria-expanded=true]){background:#000000bf}.soundboard-pad-menu>button:focus-visible{outline-offset:2px;outline:2px solid #fff}.soundboard-pad-menu>button svg{width:16px;height:16px}@media (pointer:coarse){.soundboard-pad-menu>button{width:44px;height:44px}}.soundboard-pad.soundboard-pad--compact>button{grid-template-rows:32px auto;gap:6px;min-height:88px;padding:10px 12px}.soundboard-pad--compact .soundboard-pad-icon{width:32px;height:32px}.su-track{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:20px;display:grid}}.soundboard-color-picker{min-width:0;color:inherit;border:0;margin:0;padding:0}.soundboard-color-presets{flex-wrap:wrap;gap:10px;margin:4px 0;display:flex}.soundboard-color-presets button[type=button]{color:#fff;text-shadow:0 1px 3px #000;border:2px solid #0000;border-radius:8px;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.soundboard-color-presets button[aria-pressed=true]{outline-offset:3px;outline:2px solid}.soundboard-color-picker .soundboard-color-custom{align-items:center;gap:8px;min-height:36px;padding:6px 10px;font-size:13px;display:inline-flex}.soundboard-color-custom>span:first-child{border:1px solid #ffffff70;border-radius:4px;width:20px;height:20px}.soundboard-color-area{touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #ffffff70;border-radius:8px;height:104px;position:relative}.soundboard-color-area>span{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #000;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.soundboard-color-picker .soundboard-color-area:focus-visible{outline:none}.soundboard-color-area:focus-visible>span{box-shadow:0 0 0 3px #17251d,0 0 0 5px #fff}.soundboard-color-custom-panel{margin-top:12px}.soundboard-color-picker>legend{width:100%;margin-bottom:8px;padding:0}.soundboard-color-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.soundboard-color-custom .soundboard-color-chevron{margin-left:2px}.soundboard-color-toolbar{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.soundboard-color-picker .soundboard-color-hex{white-space:nowrap;flex:0 208px;align-items:center;gap:8px;min-width:184px;max-width:208px;font-size:13px;display:flex}.soundboard-color-hex input{box-sizing:border-box;width:100%;min-width:96px;max-width:144px;min-height:36px;font-family:monospace}.soundboard-color-picker .soundboard-color-hue{gap:0;margin-top:8px;font-size:13px;display:grid}.soundboard-color-picker>.error:empty{display:none}.soundboard-color-picker>.error:not(:empty){margin-top:8px;display:block}.listener-dialog.soundboard-metadata-dialog{padding:20px}.listener-dialog.soundboard-metadata-dialog>header{margin-bottom:4px}.listener-dialog.soundboard-metadata-dialog form{gap:8px}.listener-dialog.soundboard-metadata-dialog form>p{margin:0;font-size:14px;line-height:1.45}.listener-dialog.soundboard-metadata-dialog form>p:empty{display:none}.soundboard-metadata-dialog .listener-dialog-actions{margin-top:0;padding-top:10px}.listener-dialog.soundboard-metadata-dialog .soundboard-color-custom-panel{margin-top:8px}.listener-dialog.soundboard-metadata-dialog form>label{gap:6px}@scope(.listener-shell-web,.listener-shell-desktop,.soundboard-metadata-dialog){.soundboard-pad-hotkey{color:#fff;overflow-wrap:anywhere;background:#000000bf;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:100%;margin-top:6px;padding:3px 6px;font-size:.75rem;line-height:1.4;display:inline-flex}.soundboard-pad-hotkey svg{flex:none;width:14px;height:14px}.soundboard-pad-hotkey.is-inactive{background:#0000008c}.soundboard-pad-hotkey.is-blocked{outline:1px solid}.soundboard-hotkey-active-label{color:var(--green-500);margin-inline-start:8px;font-size:.75rem;font-weight:600;display:inline-block}}@scope(.listener-shell-web,.listener-shell-desktop){.soundboard-dashboard-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.soundboard-dashboard-title{flex-wrap:wrap;align-items:baseline;gap:8px 12px;min-width:0;display:flex}.soundboard-dashboard-title .soundboard-hotkey-active-label{align-items:center;gap:5px;margin:0;display:inline-flex}.soundboard-dashboard-title .soundboard-hotkey-active-label svg{width:15px;height:15px}}
@scope(.listener-shell-web,.listener-shell-desktop){.soundboard-search-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--space-3);margin-bottom:28px;display:block;container-type:inline-size}.soundboard-search-fields{grid-template-columns:22px minmax(0,1fr) minmax(145px,.38fr) auto auto;grid-template-areas:"icon query category search reset";align-items:center;gap:10px;display:grid}.soundboard-search-fields>svg{width:19px;height:19px;color:var(--muted);grid-area:icon}.soundboard-search-fields>input{grid-area:query}.soundboard-search-fields>select{grid-area:category}.soundboard-search-fields>.primary-button{border:1px solid var(--green-500);background:var(--green-500);color:var(--text-on-accent);grid-area:search;font-weight:700}.soundboard-search-fields>.primary-button:hover:not(:disabled){border-color:var(--green-400);background:var(--green-400)}.soundboard-search-fields>.soundboard-filter-reset{border:1px solid var(--line-strong);color:var(--text-soft);background:0 0;grid-area:reset}.soundboard-search-fields>.soundboard-filter-reset:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.soundboard-search-fields>button{min-height:44px;padding:0 var(--space-4);white-space:nowrap;cursor:pointer;border-radius:10px}.soundboard-search-fields>button:disabled{opacity:.48;cursor:default}.soundboard-search-fields input,.soundboard-search-fields select,.soundboard-owner-search input{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:44px;padding:0 var(--space-3);color:var(--text);border-radius:10px}.soundboard-search-fields input:focus,.soundboard-search-fields select:focus,.soundboard-owner-search input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #42d77d12}@container (max-width:620px){.soundboard-search-fields{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"icon query query""category category category""search search reset"}}}
.listener-shell-root,.listener-shell-main,.listener-shell-sidebar,.listener-player-region{min-width:0}.listener-shell-sidebar{z-index:var(--z-sidebar);inset:var(--top-panel-height) auto var(--bottom-panel-height) 0;width:var(--left-panel-width);border-right:1px solid var(--line);background:var(--forest-1100);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-direction:column;align-items:stretch;gap:1.4rem;min-height:0;padding:1.5rem;display:flex;position:fixed;overflow:hidden auto}.listener-sidebar-footer{border-top:1px solid var(--line);gap:.55rem;min-width:0;margin-top:auto;padding-top:1rem;display:grid}.listener-responsive-frame{min-height:100vh}.left-panel-controls{display:none}.desktop-left-panel-toggle,.mobile-left-panel-close,.mobile-navigation-toggle{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text-soft);cursor:pointer;justify-content:center;align-items:center}.desktop-left-panel-toggle{border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.desktop-left-panel-toggle:hover,.mobile-left-panel-close:hover,.mobile-navigation-toggle:hover{border-color:var(--green-400);color:var(--green-300)}.desktop-left-panel-toggle svg,.mobile-navigation-toggle svg{width:18px;height:18px}.mobile-left-panel-close,.mobile-navigation-toggle,.mobile-navigation-backdrop{display:none}.listener-responsive-frame.is-navigation-collapsed{--left-panel-width:88px}.listener-responsive-frame.is-navigation-collapsed .listener-shell-sidebar{align-items:center;padding-inline:11px}.listener-responsive-frame.is-navigation-collapsed .listener-shell-sidebar .brand-copy,.listener-responsive-frame.is-navigation-collapsed .listener-navigation>p,.listener-responsive-frame.is-navigation-collapsed .listener-navigation>:is(a,button)>span,.listener-responsive-frame.is-navigation-collapsed .listener-navigation>span>span,.listener-responsive-frame.is-navigation-collapsed .listener-navigation .listener-navigation-lock,.listener-responsive-frame.is-navigation-collapsed .listener-navigation .listener-navigation-badge,.listener-responsive-frame.is-navigation-collapsed .listener-service-status,.listener-responsive-frame.is-navigation-collapsed .listener-shell-sidebar>.listener-sidebar-footer{display:none}.listener-responsive-frame.is-navigation-collapsed .listener-navigation>:is(a,button,span){grid-template-columns:1fr;place-items:center;width:52px;padding:0;display:grid}.listener-responsive-frame.is-navigation-collapsed .listener-navigation>:is(a,button)>svg:first-child,.listener-responsive-frame.is-navigation-collapsed .listener-navigation>span>svg:first-child{width:21px;height:21px}@media (max-width:760px){body.listener-mobile-nav-open{overflow:hidden}.listener-responsive-frame,.listener-responsive-frame.is-navigation-collapsed{--left-panel-width:min(310px, 88vw)}.listener-responsive-frame .middle-panel{margin-left:0}.listener-responsive-frame .listener-shell-sidebar,.listener-responsive-frame.is-navigation-collapsed .listener-shell-sidebar{z-index:var(--z-navigation);width:var(--left-panel-width);box-shadow:22px 0 60px var(--black-a48);visibility:hidden;align-items:stretch;padding:22px 17px 18px;transition:transform .19s,visibility 0s linear .19s;transform:translate(-105%)}.listener-responsive-frame.is-mobile-nav-open .listener-shell-sidebar{visibility:visible;transition-delay:0s;transform:translate(0)}.listener-responsive-frame.is-navigation-collapsed .listener-shell-sidebar .brand-copy{display:grid}.listener-responsive-frame.is-navigation-collapsed .listener-navigation>:is(a,button)>span,.listener-responsive-frame.is-navigation-collapsed .listener-navigation>span>span,.listener-responsive-frame.is-navigation-collapsed .listener-navigation .listener-navigation-lock,.listener-responsive-frame.is-navigation-collapsed .listener-navigation .listener-navigation-badge{display:initial}.listener-responsive-frame.is-navigation-collapsed .listener-navigation>:is(a,button,span){width:100%;padding:0 var(--space-3);grid-template-columns:22px minmax(0,1fr) auto;justify-items:stretch;display:grid}.left-panel-controls{z-index:2;display:block;position:absolute;top:22px;right:15px}.desktop-left-panel-toggle{display:none}.mobile-left-panel-close,.mobile-navigation-toggle{border-radius:50%;width:40px;height:40px;display:inline-flex}.mobile-left-panel-close{font-size:1.45rem;line-height:1}.mobile-navigation-backdrop{inset:0 0 var(--bottom-panel-height);z-index:var(--z-navigation-backdrop);cursor:pointer;background:#00000094;border:0;position:fixed}.listener-responsive-frame.is-mobile-nav-open .mobile-navigation-backdrop{display:block}.right-panel{inset:var(--top-panel-height) 0 var(--bottom-panel-height);z-index:var(--z-mobile-navigation);width:min(100%,430px)}}.listener-account-action{border:1px solid var(--line);min-height:40px;padding:0 var(--space-4);color:var(--text);background:var(--surface-raised);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;border-radius:999px;place-items:center;text-decoration:none;display:inline-grid}.listener-account-action:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.listener-account-action.compact{width:40px;padding:0}.listener-account-action.compact svg{width:18px;height:18px}.listener-account-action:disabled{cursor:wait;opacity:.65}.brand{align-items:center;gap:var(--space-3);min-width:0;color:var(--text);text-decoration:none;display:inline-flex}.brand-icon{border:1px solid var(--line-strong);width:48px;height:48px;box-shadow:0 12px 28px var(--black-a30);border-radius:14px;flex:none}.brand-copy{gap:2px;min-width:0;display:grid}.brand-title{font-size:1rem;font-weight:var(--font-weight-heavy);letter-spacing:-.025em;white-space:nowrap}.brand-title .listener-beta-badge{vertical-align:2px;margin-inline-start:var(--space-1)}.brand small{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listener-navigation-groups{gap:0;display:grid}.listener-navigation{gap:var(--space-1);margin-top:34px;display:grid}.listener-navigation-your-music{margin-top:26px}.listener-navigation-more,.listener-navigation-desktop{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.listener-navigation>p{margin:0 var(--space-3) var(--space-2);color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.listener-navigation>:is(a,button,span){align-items:center;gap:var(--space-1);min-width:0;min-height:43px;padding:var(--space-2);color:var(--muted-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid #0000;border-radius:11px;flex-wrap:wrap;text-decoration:none;display:flex}.listener-navigation>:is(a,button,span)>span:not(.listener-navigation-badge){flex:1;min-width:min-content}.listener-navigation>button{text-align:start;cursor:pointer;background:0 0;width:100%;font-family:inherit}.listener-navigation>button:disabled{cursor:wait;opacity:.55}.listener-navigation-icon{flex:none;width:20px;height:20px}.listener-navigation>:is(a,button):hover:not(:disabled){background:var(--white-a4);color:var(--text)}.listener-navigation>a[aria-current=page]{border-color:var(--line);color:var(--text);background:linear-gradient(90deg,#42d77d26,#42d77d0a)}.listener-navigation>a[aria-current=page]>svg:first-child{color:var(--green-400)}.listener-navigation>span[aria-disabled=true]{cursor:not-allowed;opacity:.42}.listener-navigation-lock{width:13px;height:13px;color:var(--muted)}.listener-navigation-badge{margin-inline-start:auto}.listener-navigation-badge:not(.listener-beta-badge){font-size:var(--font-size-xs);letter-spacing:.08em;padding:2px 6px;line-height:1}.listener-service-status{border:1px solid var(--line);background:var(--white-a3);width:100%;min-width:0;padding:var(--space-3);border-radius:13px;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;display:grid}.listener-service-status-dot{background:var(--muted-strong);border-radius:50%;width:9px;height:9px}.listener-service-status-dot.status-success{background:var(--green-500);box-shadow:0 0 0 4px #42d77d17}.listener-service-status-dot.status-warning{background:var(--warning)}.listener-service-status>span:last-child{gap:2px;min-width:0;display:grid}.listener-service-status strong{color:var(--text-soft);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listener-service-status small{color:var(--muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listener-stats-status{border:1px solid var(--line);background:linear-gradient(135deg, var(--accent-a8), transparent 62%), var(--white-a3);padding:var(--space-3);border-radius:12px;gap:10px;display:grid}.listener-stats-status>header{align-items:center;gap:9px;display:flex}.listener-stats-dot{background:var(--green-400);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #42d77d17}.listener-stats-dot.offline{background:var(--muted);box-shadow:none}.listener-stats-status>header>span:last-child{gap:1px;display:grid}.listener-stats-status>header small{color:var(--green-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.09em;text-transform:uppercase}.listener-stats-status>header strong{font-size:var(--font-size-xs)}.listener-stats-status dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;display:grid}.listener-stats-status dl div{background:var(--white-a4);border-radius:7px;gap:3px;min-width:0;padding:7px;display:grid}.listener-stats-status dt{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2}.listener-stats-status dt small{font-size:var(--font-size-xs);line-height:1.4;display:block}.listener-stats-status dd{font-size:.92rem;font-weight:var(--font-weight-heavy);order:-1;margin:0}.listener-stats-status>p{color:var(--muted);font-size:var(--font-size-xs);margin:0;line-height:1.4}.home-listener-status{border-top:1px solid var(--line);place-items:center;margin-top:clamp(54px,8vw,96px);padding-top:clamp(28px,5vw,54px);display:grid}.home-listener-status .listener-stats-status{gap:clamp(var(--space-4), 2.2vw, var(--space-5));background:radial-gradient(circle at 50% 0, #42d77d21, transparent 58%), var(--white-a4);border-radius:clamp(16px,2vw,22px);width:min(760px,100%);padding:clamp(20px,3.5vw,36px)}.home-listener-status .listener-stats-status>header{justify-content:center;gap:var(--space-3);text-align:left}.home-listener-status .listener-stats-dot{width:11px;height:11px}.home-listener-status .listener-stats-status>header small{font-size:var(--font-size-xs)}.home-listener-status .listener-stats-status>header strong{font-size:clamp(1.15rem,2.2vw,1.7rem)}.home-listener-status .listener-stats-status dl{gap:clamp(var(--space-2), 1.5vw, 14px)}.home-listener-status .listener-stats-status dl div{border:1px solid var(--white-a6);text-align:center;border-radius:12px;justify-items:center;gap:7px;padding:clamp(13px,2.4vw,22px)}.home-listener-status .listener-stats-status dt{font-size:var(--font-size-xs)}.home-listener-status .listener-stats-status dd{font-size:clamp(1.8rem,4.5vw,3.15rem);line-height:1}.home-listener-status .listener-stats-status>p{font-size:var(--font-size-xs);text-align:center}.album-grid{grid-template-columns:repeat(auto-fill,minmax(min(188px,100%),1fr));gap:15px;display:grid}
.listener-top-panel{--listener-top-panel-accent:var(--accent,var(--green-500));--listener-top-panel-accent-soft:var(--accent-soft,var(--accent-a14));z-index:50;height:var(--top-panel-height);min-height:var(--top-panel-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#040506f5;justify-content:space-between;align-items:center;gap:1.5rem;padding:.45rem clamp(1.25rem,3vw,2.75rem);display:flex;position:fixed;top:0;left:0;right:0}.listener-top-panel-leading,.listener-top-panel-center,.listener-top-panel-actions{align-items:center;min-width:0;display:flex}.listener-top-panel-leading{flex:none;gap:.75rem}.listener-top-panel-center{flex:auto;justify-content:center;gap:.75rem}.listener-top-panel-actions{flex:none;justify-content:flex-end;gap:.55rem}.listener-top-panel-home{border:1px solid var(--line-strong);width:2.35rem;height:2.35rem;color:var(--text-soft);background:var(--white-a6);cursor:pointer;border-radius:999px;flex:none;place-items:center;text-decoration:none;display:inline-grid}.listener-top-panel-home:hover,.listener-top-panel-home:focus-visible,.listener-top-panel-home[aria-current=page],.listener-top-panel-home[aria-pressed=true]{border-color:color-mix(in srgb, var(--listener-top-panel-accent) 60%, transparent);color:var(--text);background:var(--listener-top-panel-accent-soft)}.listener-top-panel-home svg{width:1.05rem;height:1.05rem}.listener-top-panel-search{width:min(31rem,48vw);min-width:0;position:relative}.listener-top-panel-search-form{border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--muted-strong);background:var(--white-a7);border-radius:999px;grid-template-columns:1.15rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:0 .8rem 0 1rem;display:grid}.listener-top-panel-search-form:focus-within{background:var(--white-a9)}@media (forced-colors:none){.listener-top-panel-search-form:focus-within{border-color:var(--muted)}.listener-top-panel-search-form input[type=search]:focus-visible{outline:none!important}}.listener-top-panel-search-form>svg{width:1.1rem;height:1.1rem}.listener-top-panel-search-form input{min-width:0;color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:0 0;border:0;outline:0}.listener-top-panel-search-form input::placeholder{color:var(--muted-strong)}.listener-top-panel-search-form input::-webkit-search-cancel-button{display:none}.listener-top-panel-search-actions{align-items:center;gap:.25rem;display:flex}.listener-top-panel-search-clear{width:2.25rem;height:2.25rem;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.listener-top-panel-search-clear:hover,.listener-top-panel-search-clear:focus-visible{color:var(--text);background:var(--white-a12)}.listener-top-panel-search-clear svg{width:.9rem;height:.9rem}.listener-top-panel-search-form kbd{border:1px solid var(--line);min-width:1.5rem;height:1.5rem;color:var(--muted);background:var(--black-a30);font:inherit;font-size:var(--font-size-xs);border-radius:.4rem;place-items:center;display:inline-grid}.listener-top-panel-search-mobile{display:none}.listener-top-panel-search-popover{z-index:var(--z-profile);border:1px solid var(--line-strong);background:var(--inset-control-surface);box-shadow:0 1.4rem 3.5rem var(--black-a48);border-radius:.85rem;position:absolute;top:calc(100% + .65rem);left:0;right:0;overflow:hidden}.listener-top-panel-search-results{overscroll-behavior:contain;max-height:min(19rem,100vh - 12rem);overflow-y:auto}.listener-top-panel-search-result{border:0;border-bottom:1px solid var(--white-a6);width:100%;min-height:3.75rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.5rem .75rem;text-decoration:none;display:grid}.listener-top-panel-search-result:hover,.listener-top-panel-search-result:focus-visible{background:var(--white-a7);outline:none}.listener-top-panel-search-artwork{width:2.75rem;height:2.75rem;color:var(--listener-top-panel-accent);background:var(--listener-top-panel-accent-soft);border-radius:.45rem;place-items:center;display:grid;overflow:hidden}.listener-top-panel-search-artwork img{object-fit:cover;width:100%;height:100%}.listener-top-panel-search-artwork svg{width:1.3rem;height:1.3rem}.listener-top-panel-search-result>span:last-child,.listener-top-panel-search-result strong,.listener-top-panel-search-result small{min-width:0}.listener-top-panel-search-result strong,.listener-top-panel-search-result small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listener-top-panel-search-result strong{font-size:var(--font-size-sm)}.listener-top-panel-search-result small{color:var(--muted);font-size:var(--font-size-xs);margin-top:.2rem}.listener-top-panel-search-state{color:var(--muted-strong);font-size:var(--font-size-xs);text-align:center;margin:0;padding:1.1rem}.listener-top-panel-search-all{border:0;border-top:1px solid var(--line);background:var(--forest-1100);width:100%;min-height:2.7rem;color:var(--green-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;display:flex}.listener-top-panel-search-all:hover,.listener-top-panel-search-all:focus-visible{background:var(--forest-950)}.listener-top-panel-search-all svg{width:.9rem;height:.9rem}.listener-history-controls{flex:none;align-items:center;gap:.5rem;display:flex}.listener-history-controls button{border:1px solid var(--line-strong);width:2.35rem;height:2.35rem;color:var(--text-soft);background:var(--white-a6);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.listener-history-controls button:hover:not(:disabled),.listener-history-controls button:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--listener-top-panel-accent) 60%, transparent);color:var(--text);background:var(--listener-top-panel-accent-soft)}.listener-history-controls button:disabled{opacity:.34;cursor:default}.listener-history-controls svg{width:1.05rem;height:1.05rem}@media (max-width:980px){.listener-top-panel{gap:.75rem;padding-inline:1rem}.listener-top-panel-search{width:min(29rem,58vw)}}@media (max-width:760px){.listener-top-panel{gap:10px;padding:6px 15px;left:0}.listener-top-panel-leading{gap:9px}.listener-top-panel-center{gap:var(--space-2)}.listener-top-panel-search.has-mobile-action{width:40px}.listener-top-panel-search.has-mobile-action .listener-top-panel-search-form,.listener-top-panel-search.has-mobile-action .listener-top-panel-search-popover{display:none}.listener-top-panel-search.has-mobile-action .listener-top-panel-search-mobile{border:1px solid var(--line);width:40px;height:40px;color:var(--muted-strong);background:var(--white-a7);border-radius:999px;place-items:center;display:grid}.listener-top-panel-search-mobile>a,.listener-top-panel-search-mobile>button{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid}.listener-top-panel-search-mobile:hover,.listener-top-panel-search-mobile:focus-within{border-color:color-mix(in srgb, var(--listener-top-panel-accent) 60%, transparent);color:var(--text);background:var(--listener-top-panel-accent-soft)}.listener-top-panel-search-mobile svg{width:1.1rem;height:1.1rem}}@media (max-width:560px){.listener-responsive-frame .listener-history-controls{display:none}}@media (max-width:380px){.listener-top-panel{gap:7px;padding-inline:11px}.listener-top-panel-search:not(.has-mobile-action){width:min(160px,42vw)}.listener-top-panel-search-form kbd{display:none}.listener-top-panel-actions .login-button{min-height:38px;font-size:var(--font-size-xs);padding-inline:11px}}.listener-top-panel-buy-plan{border:1px solid var(--line-strong);min-height:2.35rem;color:var(--muted-strong);background:var(--white-a3);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1rem;text-decoration:none;display:inline-flex}.listener-top-panel-buy-plan:hover{color:var(--text-soft);background:var(--white-a6);border-color:#ffffff47}.listener-top-panel-buy-plan:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media (max-width:560px){.listener-top-panel-buy-plan{display:none}}