@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/limelight-latin-ext-400-normal-DPzC3ZDG.woff2) format("woff2"),url(/assets/limelight-latin-ext-400-normal-DFpXQSBH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/limelight-latin-400-normal-CvlMCR9p.woff2) format("woff2"),url(/assets/limelight-latin-400-normal-d7qCOV8D.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Limelight", "Georgia", "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-body: "Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--step--2: clamp(.72rem, .7rem + .08vw, .78rem);--step--1: clamp(.84rem, .82rem + .1vw, .9rem);--step-0: clamp(1rem, .97rem + .15vw, 1.0625rem);--step-1: clamp(1.15rem, 1.08rem + .35vw, 1.3rem);--step-2: clamp(1.35rem, 1.2rem + .7vw, 1.75rem);--step-3: clamp(1.65rem, 1.35rem + 1.4vw, 2.4rem);--step-4: clamp(2rem, 1.45rem + 2.5vw, 3.4rem);--step-5: clamp(2.35rem, 1.5rem + 3.9vw, 4.6rem);--leading-tight: 1.15;--leading: 1.55;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--gutter: clamp(1rem, 3vw, 2rem);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--container: 1240px;--container-narrow: 760px;--header-h: 68px;--mini-player-h: 76px;--tap: 44px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .42s;--z-raised: 2;--z-header: 50;--z-player: 60;--z-drawer: 80;--z-toast: 100;--gold-200: #fff0c2;--gold-300: #ffe08a;--gold-400: #ffc94a;--gold-500: #f5b301;--gold-600: #c98a00;--gold-700: #8a5300;--pink-300: #ff8cc2;--pink-400: #ff5fa8;--pink-500: #ff3d8f;--pink-700: #b8105a;--teal-300: #7ff0dd;--teal-400: #34e0c8;--teal-500: #16c2aa;--teal-700: #0b7a6b;--plum-950: #0c0716;--plum-900: #140d24;--plum-850: #1a1030;--plum-800: #21163b;--plum-700: #2c1f4d;--plum-600: #3a2a63;--plum-500: #4d3a80;--velvet-700: #6d1537;--velvet-800: #4a0e27;--velvet-900: #2e0818;--range-soprano: #ff7ab8;--range-mezzo: #c792ff;--range-alto: #82a8ff;--range-tenor: #3ed6c2;--range-baritone: #ffb454;--range-bass: #ff8a65;--range-unknown: #b9aecb;--range-text: #1a1026;--marquee-frame: linear-gradient(180deg, #6a1a45 0%, #3d0e2b 100%);--marquee-panel: radial-gradient(120% 140% at 50% 0%, #2d1d52 0%, #170e2b 70%);--marquee-text: #fff3cf;--marquee-gold: #ffc94a;--bulb-core: #fffbe8;--bulb-glow: rgba(255, 201, 74, .95);--bulb-halo: rgba(255, 170, 40, .35)}:root,[data-theme=dark]{color-scheme:dark;--bg: var(--plum-900);--bg-deep: var(--plum-950);--surface: #1c1332;--surface-2: #251a40;--surface-3: #30224f;--surface-glass: rgba(26, 17, 46, .78);--surface-inverse: #fff8ec;--border: rgba(255, 232, 196, .12);--border-strong: rgba(255, 232, 196, .26);--text: #f7f1ff;--text-muted: #cbbfe0;--text-subtle: #a898c2;--heading: #fff4dc;--text-inverse: #2a1838;--primary: var(--gold-400);--primary-hover: var(--gold-300);--primary-press: var(--gold-500);--on-primary: #2a1a00;--primary-text: var(--gold-400);--primary-soft: rgba(255, 201, 74, .14);--accent-pink: var(--pink-400);--accent-pink-soft: rgba(255, 95, 168, .16);--on-pink: #2a0716;--accent-teal: var(--teal-400);--accent-teal-soft: rgba(52, 224, 200, .14);--on-teal: #06231f;--link: #ffd36b;--link-hover: #ffe7a8;--success: #45e08f;--success-bg: rgba(69, 224, 143, .14);--success-text: #86f2b8;--warning: #ffb547;--warning-bg: rgba(255, 181, 71, .16);--warning-text: #ffcf85;--danger: #ff5d73;--danger-hover: #ff7a8c;--danger-bg: rgba(255, 93, 115, .15);--danger-text: #ff9dab;--on-danger: #2a0008;--info-bg: rgba(130, 168, 255, .15);--info-text: #b2c8ff;--focus: #7df9ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 8px 22px rgba(0, 0, 0, .38), 0 1px 3px rgba(0, 0, 0, .45);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px rgba(255, 201, 74, .35), 0 10px 34px rgba(255, 201, 74, .2);--spotlight-1: rgba(255, 214, 140, .17);--spotlight-2: rgba(255, 95, 168, .11);--spotlight-3: rgba(52, 224, 200, .08);--curtain: rgba(120, 18, 58, .55);--curtain-fold: rgba(0, 0, 0, .35);--skeleton: rgba(255, 255, 255, .06);--skeleton-shine: rgba(255, 255, 255, .13);--overlay: rgba(8, 4, 16, .7);--mark-bg: rgba(255, 201, 74, .32);--mark-text: inherit;--scrollbar: rgba(255, 232, 196, .2)}[data-theme=light]{color-scheme:light;--bg: #fff8ec;--bg-deep: #f6ead3;--surface: #ffffff;--surface-2: #fdf3e2;--surface-3: #f7e7ca;--surface-glass: rgba(255, 250, 240, .85);--surface-inverse: #1c1332;--border: rgba(74, 44, 20, .14);--border-strong: rgba(74, 44, 20, .3);--text: #2a1838;--text-muted: #5b4a6b;--text-subtle: #75648a;--heading: #2a1234;--text-inverse: #f7f1ff;--primary: var(--gold-400);--primary-hover: #ffd466;--primary-press: var(--gold-500);--on-primary: #2a1a00;--primary-text: #8a5300;--primary-soft: rgba(245, 179, 1, .16);--accent-pink: #c8175f;--accent-pink-soft: rgba(200, 23, 95, .1);--on-pink: #ffffff;--accent-teal: #0b7f70;--accent-teal-soft: rgba(11, 127, 112, .1);--on-teal: #ffffff;--link: #9b2c6b;--link-hover: #6f1a4b;--success: #148a4c;--success-bg: #e2f6e9;--success-text: #0f6b3a;--warning: #b86e00;--warning-bg: #fff0d4;--warning-text: #7d4a00;--danger: #c8233c;--danger-hover: #a51c31;--danger-bg: #fde6ea;--danger-text: #a01a2f;--on-danger: #ffffff;--info-bg: #e7eeff;--info-text: #2b4aa8;--focus: #1b5cff;--shadow-sm: 0 1px 2px rgba(60, 30, 10, .1);--shadow-md: 0 8px 22px rgba(60, 30, 10, .1), 0 1px 3px rgba(60, 30, 10, .12);--shadow-lg: 0 22px 60px rgba(60, 30, 10, .18);--shadow-glow: 0 0 0 1px rgba(201, 138, 0, .35), 0 10px 30px rgba(245, 179, 1, .22);--spotlight-1: rgba(255, 196, 80, .28);--spotlight-2: rgba(255, 95, 168, .1);--spotlight-3: rgba(52, 200, 180, .09);--curtain: rgba(176, 30, 70, .16);--curtain-fold: rgba(90, 10, 40, .1);--skeleton: rgba(60, 30, 10, .07);--skeleton-shine: rgba(255, 255, 255, .65);--overlay: rgba(40, 20, 50, .45);--mark-bg: rgba(255, 201, 74, .55);--mark-text: inherit;--scrollbar: rgba(74, 44, 20, .25)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading);color:var(--text);background-color:var(--bg);background-image:radial-gradient(56rem 34rem at 12% -8%,var(--spotlight-1),transparent 62%),radial-gradient(46rem 30rem at 92% -4%,var(--spotlight-2),transparent 60%),radial-gradient(60rem 30rem at 50% 115%,var(--spotlight-3),transparent 70%);background-attachment:fixed;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 14px,var(--curtain-fold) 22px,transparent 30px 44px),linear-gradient(90deg,var(--curtain) 0%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.35) 3.5%,transparent 6%,transparent 94%,rgba(0,0,0,.35) 96.5%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.35) 3.5%,transparent 6%,transparent 94%,rgba(0,0,0,.35) 96.5%,#000 100%);opacity:.9}@media(max-width:599px){body:before{-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 3%,transparent 97%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 3%,transparent 97%,#000 100%)}}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body.has-mini-player #root{padding-bottom:var(--mini-player-h)}html.has-mini-player{scroll-padding-bottom:calc(var(--mini-player-offset, var(--mini-player-h)) + 12px)}img,svg,video,canvas{display:block}img,video,canvas{max-width:100%}svg{flex:none}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}p,li,h1,h2,h3,h4{overflow-wrap:break-word}h1,h2,h3,h4{color:var(--heading);line-height:var(--leading-tight);text-wrap:balance}h1,.h1{font-family:var(--font-display);font-weight:400;font-size:var(--step-4);letter-spacing:.01em}h2,.h2{font-family:var(--font-display);font-weight:400;font-size:var(--step-3);letter-spacing:.01em}h3,.h3{font-size:var(--step-1);font-weight:800}h4,.h4{font-size:var(--step-0);font-weight:800}.display{font-family:var(--font-display);font-weight:400}p{text-wrap:pretty}a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--link-hover)}strong,b{font-weight:800}mark{background:var(--mark-bg);color:var(--mark-text);border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}hr{border:0;border-top:1px solid var(--border);margin:var(--space-lg) 0}code,kbd{font-family:var(--font-mono);font-size:.9em}kbd{display:inline-block;padding:0 .4em;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--surface-2);line-height:1.4}::selection{background:var(--accent-pink);color:#fff}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}*{scrollbar-color:var(--scrollbar) transparent}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--gutter)}.page{flex:1 0 auto;width:100%;padding-block:var(--space-lg) var(--space-3xl)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-title{font-family:var(--font-display);font-size:var(--step-4);color:var(--heading)}.page-subtitle{color:var(--text-muted);font-size:var(--step-1);max-width:60ch;margin-top:var(--space-2xs)}.eyebrow{display:inline-block;font-size:var(--step--1);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-text)}.section{margin-block:var(--space-2xl)}.section-title{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:400;font-size:var(--step-2);margin-bottom:var(--space-md)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-md))}.stack-sm{--stack-gap: var(--space-xs)}.stack-lg{--stack-gap: var(--space-xl)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-xs))}.cluster-between{justify-content:space-between}.grid-auto{display:grid;gap:var(--grid-gap, var(--space-md));grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min, 250px)),1fr))}.spacer{flex:1}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.small{font-size:var(--step--1)}.tiny{font-size:var(--step--2)}.center{text-align:center}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gold{color:var(--primary-text)}.text-gradient{background:linear-gradient(92deg,var(--gold-300),var(--pink-400) 60%,var(--teal-400));-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .text-gradient{background:linear-gradient(92deg,#b86e00,#c8175f 60%,#0b7f70);-webkit-background-clip:text;background-clip:text}bdi,.song-card-title a,.song-card-show a,.character-name{unicode-bidi:isolate}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;left:var(--space-md);top:-100px;z-index:calc(var(--z-toast) + 1);padding:var(--space-xs) var(--space-md);background:var(--primary);color:var(--on-primary);font-weight:800;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:var(--space-xs)}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;line-height:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff!important;color:#000!important}body:before,.site-header,.site-footer,.mini-player,.toast-region,.no-print{display:none!important}a{color:#000}}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-border: var(--border-strong);--btn-bg-hover: var(--surface-3);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);padding:.55em 1.15em;border:1px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-size:var(--step-0);line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{flex:none}.btn-primary{--btn-bg: var(--primary);--btn-fg: var(--on-primary);--btn-border: transparent;--btn-bg-hover: var(--primary-hover);box-shadow:0 0 #ffc94a00,0 6px 18px #ffb42840}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{--btn-bg: var(--accent-teal);--btn-fg: var(--on-teal);--btn-border: transparent;--btn-bg-hover: var(--teal-300)}[data-theme=light] .btn-secondary{--btn-bg-hover: #096a5d}.btn-pink{--btn-bg: var(--accent-pink);--btn-fg: var(--on-pink);--btn-border: transparent;--btn-bg-hover: var(--pink-300)}[data-theme=light] .btn-pink{--btn-bg-hover: #a8124f}.btn-ghost{--btn-bg: transparent;--btn-border: var(--border-strong);--btn-bg-hover: var(--surface-2)}.btn-quiet{--btn-bg: transparent;--btn-border: transparent;--btn-bg-hover: var(--surface-2)}.btn-danger{--btn-bg: var(--danger);--btn-fg: var(--on-danger);--btn-border: transparent;--btn-bg-hover: var(--danger-hover)}.btn-danger-ghost{--btn-bg: transparent;--btn-fg: var(--danger-text);--btn-border: color-mix(in srgb, var(--danger) 50%, transparent);--btn-bg-hover: var(--danger-bg)}.btn-sm{min-height:34px;padding:.35em .85em;font-size:var(--step--1)}.btn-lg{min-height:54px;padding:.7em 1.6em;font-size:var(--step-1)}.btn-block{width:100%}.btn-icon{display:inline-grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur) var(--ease-out)}.btn-icon:hover{background:var(--surface-3)}.btn-icon:active:not(:disabled){transform:scale(.92)}.btn-icon:disabled{opacity:.45}.btn-icon-sm{width:32px;height:32px}.btn-icon.is-filled{background:var(--surface-2);border-color:var(--border)}@media(pointer:coarse){.btn-sm{min-height:var(--tap)}.btn-icon-sm{width:var(--tap);height:var(--tap)}.input-addon.btn-icon-sm,.search-box-end .btn-icon-sm,.show-combo-toggle.btn-icon-sm{width:40px;height:40px}}.btn .spinner,.btn-icon .spinner{width:1em;height:1em}.spinner{display:inline-block;width:1.25em;height:1.25em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;gap:.4em;min-height:36px;padding:.3em .85em;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-weight:700;font-size:var(--step--1);line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chip:hover{border-color:var(--primary);color:var(--text)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true],.chip[aria-checked=true],.chip.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip[aria-pressed=true] .chip-count,.chip[aria-checked=true] .chip-count{background:#00000024;color:inherit}.chip.is-empty{opacity:.55}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-count{display:inline-grid;place-items:center;min-width:1.6em;padding:0 .4em;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-muted);font-size:.85em;font-weight:800}.chip-range[aria-pressed=true]{background:var(--chip-color, var(--primary));border-color:var(--chip-color, var(--primary));color:var(--range-text)}.chip-range .chip-dot{width:.7em;height:.7em;border-radius:50%;background:var(--chip-color);box-shadow:0 0 0 2px #00000026}.chip-range[aria-pressed=true] .chip-dot{background:var(--range-text)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:.3em;padding:.18em .6em;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-size:var(--step--2);font-weight:800;line-height:1.35;white-space:nowrap;vertical-align:middle}.badge-outline{background:transparent;border:1px solid var(--border-strong)}.badge-gold{background:var(--primary);color:var(--on-primary)}.badge-pink{background:var(--accent-pink);color:var(--on-pink)}.badge-teal{background:var(--accent-teal);color:var(--on-teal)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.count-badge{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:var(--radius-pill);background:var(--accent-pink);color:var(--on-pink);font-size:.72rem;font-weight:900;line-height:1}.pill{display:inline-flex;align-items:center;gap:.35em;padding:.2em .35em .2em .75em;border-radius:var(--radius-pill);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);color:var(--text);font-size:var(--step--1);font-weight:700}.pill-remove{display:inline-grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:inherit}.pill-remove:hover{background:var(--surface-3)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-lg)}.card-hover{transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card-hover:hover,.card-hover:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.card-glow{box-shadow:var(--shadow-glow)}.stretched-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.card-raise{position:relative;z-index:var(--z-raised)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.callout{display:flex;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2)}.callout-info{background:var(--info-bg);border-color:transparent;color:var(--info-text)}.callout-warning{background:var(--warning-bg);border-color:transparent;color:var(--warning-text)}.callout-danger{background:var(--danger-bg);border-color:transparent;color:var(--danger-text)}.callout-success{background:var(--success-bg);border-color:transparent;color:var(--success-text)}.field{display:flex;flex-direction:column;gap:.35rem}.label,.field>label{font-weight:800;font-size:var(--step--1);color:var(--text)}.label .optional{font-weight:600;color:var(--text-subtle)}.hint{font-size:var(--step--1);color:var(--text-muted)}.field-error{display:flex;align-items:center;gap:.35em;font-size:var(--step--1);font-weight:700;color:var(--danger-text)}.input,.textarea,.select{width:100%;min-height:var(--tap);padding:.6em .9em;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:max(16px,var(--step-0));line-height:1.4;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle);opacity:1}.input:hover,.textarea:hover,.select:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border-strong))}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.textarea{min-height:7rem;resize:vertical}.select{appearance:none;padding-right:2.4em;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.select option{background:var(--surface);color:var(--text)}.input-group{position:relative;display:flex;align-items:center}.input-group>.input{padding-right:3rem}.input-group>.input-addon{position:absolute;right:4px}.char-counter{font-size:var(--step--2);font-weight:700;color:var(--text-subtle);font-variant-numeric:tabular-nums}.char-counter.is-near{color:var(--warning-text)}.char-counter.is-over{color:var(--danger-text)}fieldset.fieldset{border:0;padding:0;margin:0;min-width:0}fieldset.fieldset>legend{padding:0;margin-bottom:.5rem;font-weight:800;font-size:var(--step--1)}.switch{position:relative;display:inline-flex;align-items:center;gap:.6em;min-height:var(--tap);cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}.switch input{position:absolute;left:0;top:50%;opacity:0;width:1px;height:1px;margin:0}.switch-track{position:relative;flex:none;width:46px;height:26px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border-strong);transition:background-color var(--dur) var(--ease-out)}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-bounce),background-color var(--dur) var(--ease-out)}.switch input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(20px);background:var(--on-primary)}.switch input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.5}.range-slider{--fill: 50%;width:100%;height:28px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.range-slider::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--primary) 0 var(--fill),var(--surface-3) var(--fill) 100%)}.range-slider::-moz-range-track{height:8px;border-radius:var(--radius-pill);background:var(--surface-3)}.range-slider::-moz-range-progress{height:8px;border-radius:var(--radius-pill);background:var(--primary)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--gold-200);border:3px solid var(--primary);box-shadow:0 2px 8px #00000059;transition:transform var(--dur-fast) var(--ease-out)}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold-200);border:3px solid var(--primary);box-shadow:0 2px 8px #00000059}.range-slider:active::-webkit-slider-thumb{transform:scale(1.12)}.range-slider:focus-visible{outline:none}.range-slider:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus);outline-offset:2px}.range-slider:focus-visible::-moz-range-thumb{outline:3px solid var(--focus);outline-offset:2px}.segmented{display:inline-flex;padding:4px;gap:2px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border)}.segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:36px;padding:.3em .95em;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-weight:800;font-size:var(--step--1);white-space:nowrap;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.segmented-option:hover{color:var(--text)}.segmented-option[aria-checked=true],.segmented-option[aria-pressed=true],.segmented-option[aria-selected=true]{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.segmented-block{display:flex;width:100%}.segmented-block .segmented-option{flex:1}.tabs{display:flex;gap:var(--space-2xs);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tab{position:relative;display:inline-flex;align-items:center;gap:.4em;min-height:var(--tap);padding:.5em 1em;border:0;background:transparent;color:var(--text-muted);font-weight:800;white-space:nowrap}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary-text)}.tab[aria-selected=true]:after{content:"";position:absolute;left:.6em;right:.6em;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}.tab-panel{padding-top:var(--space-lg)}.table-wrap{position:relative;width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--step--1)}.table th,.table td{padding:.65rem .8rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.table thead th{position:sticky;top:0;background:var(--surface-2);color:var(--text-muted);font-size:var(--step--2);font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.table tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.sort-button{display:inline-flex;align-items:center;gap:.25em;min-height:24px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sort-button:hover{color:var(--text)}@media(pointer:coarse){.sort-button{min-height:var(--tap)}}th[aria-sort=ascending] .sort-button,th[aria-sort=descending] .sort-button{color:var(--primary-text)}dialog.modal{width:min(92vw,520px);max-height:min(88vh,760px);padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:auto}dialog.modal-wide{width:min(94vw,760px)}dialog.modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.modal[open]{animation:modal-in var(--dur-slow) var(--ease-bounce);display:flex;flex-direction:column;overflow:hidden}dialog.modal[open]>.modal-header,dialog.modal[open]>.modal-footer{flex:none}dialog.modal[open]>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}dialog.modal[open]>.modal-body+.modal-footer{padding-top:var(--space-sm);border-top:1px solid var(--border)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) 0}.modal-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-2)}.modal-body{padding:var(--space-md) var(--space-lg);color:var(--text-muted)}.modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs);padding:0 var(--space-lg) var(--space-lg)}dialog.drawer{position:fixed;inset:0 0 0 auto;width:min(92vw,400px);max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden;overflow:clip}dialog.drawer.drawer-left{inset:0 auto 0 0;border-left:0;border-right:1px solid var(--border-strong)}dialog.drawer[open]{display:flex;flex-direction:column;animation:drawer-in var(--dur-slow) var(--ease-out)}dialog.drawer.drawer-left[open]{animation-name:drawer-in-left}dialog.drawer::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-bottom:1px solid var(--border)}.drawer-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-2)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-lg);overscroll-behavior:contain}.drawer-footer{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);background:var(--surface-2)}.drawer-footer>*{flex:1}.toast-region{position:fixed;z-index:var(--z-toast);right:var(--space-md);bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);width:min(420px,calc(100vw - 2 * var(--space-md)));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-xs) var(--space-sm) var(--space-md);border:1px solid var(--border-strong);border-left:5px solid var(--toast-accent, var(--primary));border-radius:var(--radius-md);background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-slow) var(--ease-bounce)}.toast-success{--toast-accent: var(--success)}.toast-error{--toast-accent: var(--danger)}.toast-warning{--toast-accent: var(--warning)}.toast-info{--toast-accent: var(--accent-teal)}.toast-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:2px;color:var(--toast-accent)}.toast-emoji{font-size:1.2rem}.toast-body{flex:1;min-width:0}.toast-title{font-weight:900}.toast-message{font-size:var(--step--1);color:var(--text)}.toast-close{color:var(--text-muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}body.has-mini-player .toast-region{bottom:calc(var(--mini-player-h) + var(--space-sm) + env(safe-area-inset-bottom))}@media(max-width:599px){.toast-region{bottom:calc(var(--space-md) + env(safe-area-inset-bottom));left:var(--space-md);right:var(--space-md);width:auto;align-items:stretch}}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton) 0%,var(--skeleton-shine) 40%,var(--skeleton) 80%) 0 0 / 300% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);text-align:center;border:2px dashed var(--border-strong);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty-state-emoji{font-size:clamp(2.8rem,2rem + 3vw,4rem);line-height:1;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3));animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}.empty-state-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-2)}.empty-state-body{max-width:46ch;color:var(--text-muted)}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xs)}.marquee{--bulb: 18px;--bulb-r: calc(var(--bulb) * .17);--bulb-glow-r: calc(var(--bulb) * .3);--bulb-fade-r: calc(var(--bulb) * .46);position:relative;display:block;padding:var(--bulb);border-radius:calc(var(--bulb) * 1.1);background:var(--marquee-frame);box-shadow:inset 0 0 0 1px #ffdc9640,0 10px 40px #00000073,0 0 60px #ffb43c1f;isolation:isolate}.marquee:before,.marquee:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background-size:calc(var(--bulb) * 2) calc(var(--bulb) * 2);background-repeat:round}.marquee:before{background-image:radial-gradient(circle at 25% 25%,var(--bulb-core) 0 var(--bulb-r),var(--bulb-glow) var(--bulb-glow-r),var(--bulb-halo) calc(var(--bulb-glow-r) + 1px),transparent var(--bulb-fade-r)),radial-gradient(circle at 75% 75%,var(--bulb-core) 0 var(--bulb-r),var(--bulb-glow) var(--bulb-glow-r),var(--bulb-halo) calc(var(--bulb-glow-r) + 1px),transparent var(--bulb-fade-r));animation:bulb-blink 1.2s steps(1,end) 4}.marquee:after{background-image:radial-gradient(circle at 75% 25%,var(--bulb-core) 0 var(--bulb-r),var(--bulb-glow) var(--bulb-glow-r),var(--bulb-halo) calc(var(--bulb-glow-r) + 1px),transparent var(--bulb-fade-r)),radial-gradient(circle at 25% 75%,var(--bulb-core) 0 var(--bulb-r),var(--bulb-glow) var(--bulb-glow-r),var(--bulb-halo) calc(var(--bulb-glow-r) + 1px),transparent var(--bulb-fade-r));animation:bulb-blink 1.2s steps(1,end) 4;animation-delay:-.6s}@keyframes bulb-blink{0%{opacity:1}50%{opacity:.28}}.marquee-inner{position:relative;z-index:1;height:100%;border-radius:calc(var(--bulb) * .5);background:var(--marquee-panel);color:var(--marquee-text);box-shadow:inset 0 0 0 2px #ffc94a73,inset 0 0 0 5px #00000059,inset 0 12px 40px #00000073}.marquee-sm{--bulb: 10px;border-radius:12px}.marquee-sm .marquee-inner{border-radius:6px;box-shadow:inset 0 0 0 1px #ffc94a80,inset 0 4px 12px #00000073}.marquee-lg{--bulb: clamp(15px, 1rem + 1vw, 22px)}.marquee.is-still:before,.marquee.is-still:after{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.marquee:before,.marquee:after{animation:none!important;opacity:1!important}}.marquee-text{font-family:var(--font-display);font-weight:400;color:var(--marquee-gold);text-shadow:0 0 1px rgba(255,240,200,.8),0 0 12px rgba(255,190,60,.55),0 2px 0 rgba(0,0,0,.5);letter-spacing:.04em}.placeholder-stage{display:grid;place-items:center;gap:var(--space-lg);padding-block:var(--space-2xl);text-align:center}.placeholder-stage .marquee{width:min(100%,560px)}.placeholder-stage .marquee-inner{padding:var(--space-xl) var(--space-lg)}.placeholder-title{font-size:var(--step-3)}.placeholder-body{max-width:50ch;color:var(--text-muted)}.confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:calc(var(--z-toast) + 5)}.countdown{display:inline-flex;gap:var(--space-xs);align-items:stretch}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:4.2rem;padding:.45rem .55rem .35rem;border-radius:var(--radius-md);background:#00000059;border:1px solid rgba(255,201,74,.35);box-shadow:inset 0 -12px 16px #00000040}.countdown-value{font-family:var(--font-display);font-size:var(--step-3);line-height:1;color:var(--marquee-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,190,60,.45)}.countdown-label{margin-top:.3rem;font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff3cfc7}.countdown-compact .countdown-unit{min-width:3.1rem;padding:.3rem .4rem}.countdown-compact .countdown-value{font-size:var(--step-2)}.menu{position:absolute;z-index:calc(var(--z-header) + 5);min-width:220px;padding:var(--space-xs);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);animation:toast-in var(--dur) var(--ease-out)}.menu-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;min-height:var(--tap);padding:.5em .75em;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-weight:700;text-align:left;text-decoration:none}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);color:var(--text)}.menu-divider{height:1px;margin:var(--space-2xs) 0;background:var(--border)}.menu-label{padding:.35em .75em;font-size:var(--step--2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.song-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.song-grid-lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.song-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs);scroll-snap-type:x mandatory}.song-row>*{scroll-snap-align:start}.song-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-2) 70%,transparent),var(--surface) 55%)}.song-card-top{display:flex;gap:var(--space-md);align-items:flex-start}.song-card-art{position:relative;flex:none;width:92px}.song-card-art .play-button{position:absolute;right:-8px;bottom:-8px}.song-card-head{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;padding-right:1.6rem}.song-card-title{font-family:var(--font-body);font-size:var(--step-1);font-weight:900;line-height:1.2;color:var(--heading)}.song-card-title a{color:inherit;text-decoration:none}.song-card-title a:hover{color:var(--primary-text)}.song-card-title a:focus-visible{outline:none}.song-card-title a:focus-visible:after{outline:3px solid var(--focus);outline-offset:2px}.song-card-show{font-size:var(--step--1);font-weight:700;color:var(--text-muted)}.song-card-show a{color:inherit;text-decoration:none;position:relative;z-index:var(--z-raised)}.song-card-show a:hover{color:var(--primary-text);text-decoration:underline}.song-card-parts{display:flex;flex-direction:column;gap:.25rem;margin:.25rem 0 0;padding:0;list-style:none;font-size:var(--step--1)}.song-card-parts li{display:flex;align-items:center;gap:.4rem;min-width:0}.song-card-parts .character-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.song-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:var(--space-xs);border-top:1px dashed var(--border)}.song-card-heart{position:absolute;top:6px;right:6px;z-index:var(--z-raised)}.comment-count{display:inline-flex;align-items:center;gap:.25em;font-size:var(--step--1);font-weight:800;color:var(--text-muted)}.ribbon{position:absolute;top:14px;left:-34px;z-index:1;width:130px;padding:3px 0;transform:rotate(-45deg);background:linear-gradient(90deg,var(--pink-700),#c8175f);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-align:center;text-transform:uppercase;box-shadow:0 2px 6px #0000004d;pointer-events:none}.song-card.is-community .song-card-art{margin-left:4px}.art-tile{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--art-gradient, var(--surface-3));color:#fffffff2;box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 16px #0000004d;isolation:isolate}.art-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 20% 0%,rgba(255,255,255,.28),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 6px,transparent 6px 14px);z-index:0}.art-initials{position:relative;z-index:1;font-family:var(--font-display);font-size:calc(var(--art-size, 92px) * .36);line-height:1;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.45)}.art-tile img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.art-tile img.is-loaded{opacity:1}.art-tile.is-round{border-radius:50%}.show-poster{container-type:inline-size;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background:var(--art-gradient, var(--surface-3));box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 26px #00000059;isolation:isolate}.show-poster:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(90% 55% at 50% -5%,rgba(255,240,200,.45),transparent 60%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}.show-poster-fallback{position:relative;z-index:1;padding:12% 10%;color:#fff8e6;text-align:center}.show-poster-initials{display:block;font-family:var(--font-display);font-size:clamp(1.2rem,28cqi,4rem);line-height:1;opacity:.35;margin-bottom:.4rem}.show-poster-name{display:block;font-family:var(--font-display);font-size:clamp(.7rem,12cqi,1.6rem);line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.5);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.show-poster img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.show-poster img.is-loaded{opacity:1}.range-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25em;min-width:2.1em;padding:.12em .5em;border-radius:var(--radius-pill);background:var(--range-color, var(--range-unknown));color:var(--range-text);font-size:var(--step--2);font-weight:900;line-height:1.35;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 -1px #0000002e}.range-badge.is-lg{font-size:var(--step--1);padding:.2em .7em}.range-soprano{--range-color: var(--range-soprano)}.range-mezzo{--range-color: var(--range-mezzo)}.range-alto{--range-color: var(--range-alto)}.range-tenor{--range-color: var(--range-tenor)}.range-baritone{--range-color: var(--range-baritone)}.range-bass{--range-color: var(--range-bass)}.range-unknown{--range-color: var(--range-unknown)}.tag{display:inline-flex;align-items:center;gap:.3em;padding:.16em .6em;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--step--2);font-weight:800;line-height:1.4;white-space:nowrap;text-decoration:none}a.tag{min-height:24px}a.tag:hover{border-color:var(--primary);color:var(--text)}.tag-genre{background:var(--accent-teal-soft);border-color:color-mix(in srgb,var(--accent-teal) 35%,transparent)}.tag-subgenre{background:var(--accent-pink-soft);border-color:color-mix(in srgb,var(--accent-pink) 30%,transparent)}.tag-kind{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.length-badge{display:inline-flex;align-items:center;gap:.3em;padding:.16em .55em;border-radius:var(--radius-pill);font-size:var(--step--2);font-weight:900;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.length-badge.is-ok{background:var(--success-bg);color:var(--success-text)}.length-badge.is-close{background:var(--warning-bg);color:var(--warning-text)}.length-badge.is-over{background:var(--danger-bg);color:var(--danger-text)}.length-badge.is-unknown{background:var(--surface-3);color:var(--text-muted)}.mature-badge{display:inline-flex;align-items:center;gap:.3em;padding:.16em .55em;border-radius:var(--radius-pill);background:var(--warning-bg);color:var(--warning-text);font-size:var(--step--2);font-weight:900;line-height:1.4;white-space:nowrap}.avatar{display:inline-grid;place-items:center;flex:none;width:var(--avatar-size, 40px);height:var(--avatar-size, 40px);border-radius:50%;background:var(--range-color, var(--range-unknown));color:var(--range-text);font-weight:900;font-size:calc(var(--avatar-size, 40px) * .38);line-height:1;letter-spacing:.02em;box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--range-color, var(--range-unknown)) 55%,transparent);-webkit-user-select:none;user-select:none}.avatar-xs{--avatar-size: 24px}.avatar-sm{--avatar-size: 32px}.avatar-md{--avatar-size: 44px}.avatar-lg{--avatar-size: 64px}.avatar-xl{--avatar-size: 88px}.avatar-user{background:var(--art-gradient, var(--surface-3));color:#fff;box-shadow:0 0 0 2px var(--surface)}.voice-ladder{display:inline-flex;flex-direction:column;gap:3px;min-width:7.5rem}.voice-ladder-step{display:grid;grid-template-columns:3.6rem auto;align-items:center;gap:.5rem;font-size:var(--step--2);font-weight:800;color:var(--text-subtle)}.voice-ladder-bar{justify-self:end;width:2.6rem;height:10px;border-radius:var(--radius-pill);background:var(--surface-3);transition:background-color var(--dur) var(--ease-out)}.voice-ladder-step:nth-child(1) .voice-ladder-bar{width:3.6rem}.voice-ladder-step:nth-child(2) .voice-ladder-bar{width:3.3rem}.voice-ladder-step:nth-child(3) .voice-ladder-bar{width:3rem}.voice-ladder-step:nth-child(4) .voice-ladder-bar{width:2.7rem}.voice-ladder-step:nth-child(5) .voice-ladder-bar{width:2.4rem}.voice-ladder-step:nth-child(6) .voice-ladder-bar{width:2.1rem}.voice-ladder-step.is-on{color:var(--text)}.voice-ladder-step.is-on .voice-ladder-bar{background:var(--range-color);box-shadow:0 0 12px color-mix(in srgb,var(--range-color) 60%,transparent)}.voice-ladder.is-horizontal{flex-direction:row;align-items:flex-end;gap:4px;min-width:0}.voice-ladder.is-horizontal .voice-ladder-step{display:flex;flex-direction:column-reverse;align-items:center;gap:.25rem}.voice-ladder.is-horizontal .voice-ladder-bar{width:1.4rem!important;height:var(--h, 12px);border-radius:4px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(1) .voice-ladder-bar{--h: 30px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(2) .voice-ladder-bar{--h: 26px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(3) .voice-ladder-bar{--h: 22px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(4) .voice-ladder-bar{--h: 18px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(5) .voice-ladder-bar{--h: 14px}.voice-ladder.is-horizontal .voice-ladder-step:nth-child(6) .voice-ladder-bar{--h: 10px}.play-button{--size: 44px;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-200),var(--gold-400) 55%,var(--gold-500));color:#2a1a00;box-shadow:0 4px 14px #0006,inset 0 -2px #0000002e;cursor:pointer;z-index:var(--z-raised);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.play-button:hover{transform:scale(1.07);box-shadow:0 6px 20px #ffb42873,inset 0 -2px #0000002e}.play-button:active{transform:scale(.95)}.play-button svg{width:45%;height:45%}.play-button .icon-play{margin-left:8%}.play-button.is-sm{--size: 34px}@media(pointer:coarse){.play-button.is-sm{--size: var(--tap)}.heart-button{width:var(--tap);height:var(--tap)}}.play-button.is-lg{--size: 64px}.play-button.is-playing:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold-400);animation:pulse-ring 1.4s var(--ease-out) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}.play-button:disabled{background:var(--surface-3);color:var(--text-subtle);box-shadow:none;cursor:not-allowed;transform:none}.play-button-labeled{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:800}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq span{width:3px;height:100%;border-radius:2px;background:currentColor;animation:eq .9s ease-in-out infinite;transform-origin:bottom}.eq span:nth-child(2){animation-delay:-.3s}.eq span:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.heart-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-subtle);cursor:pointer;transition:color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.heart-button:hover{color:var(--accent-pink);background:var(--accent-pink-soft)}.heart-button[aria-pressed=true]{color:var(--accent-pink)}.heart-button[aria-pressed=true] svg{fill:currentColor;animation:heart-pop var(--dur-slow) var(--ease-bounce)}@keyframes heart-pop{0%{transform:scale(.6)}60%{transform:scale(1.3)}}.heart-button.with-label{display:inline-flex;width:auto;gap:.4em;padding:0 .9em;min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-weight:800;color:var(--text)}.heart-button.with-label[aria-pressed=true]{border-color:var(--accent-pink);color:var(--accent-pink)}.search-box{position:relative;display:flex;align-items:center;width:100%}.search-box-icon{position:absolute;left:.9rem;color:var(--text-subtle);pointer-events:none}.search-box .input{padding-left:2.7rem;padding-right:3.2rem;border-radius:var(--radius-pill)}.search-box .input::-webkit-search-cancel-button{display:none}.search-box-end{position:absolute;right:.35rem;display:flex;align-items:center;gap:.25rem}.search-box-kbd{margin-right:.55rem;color:var(--text-subtle);white-space:nowrap}@media(hover:hover)and (min-width:481px){.search-box:has(.search-box-kbd) .input{padding-right:5.2rem}}.search-box.is-lg .input{min-height:60px;padding-left:3.3rem;font-size:var(--step-1);box-shadow:var(--shadow-md)}.search-box.is-lg .search-box-icon{left:1.15rem}@media(hover:none),(max-width:480px){.search-box-kbd{display:none}}.filter-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.filter-section{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;margin:0;padding:0;border:0}.filter-section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:0;font-size:var(--step--1);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.filter-panel .chip{min-height:32px;padding:.22em .7em}.filter-panel .chip-group{gap:.4rem}.filter-subgroup-label{margin-top:var(--space-2xs);font-size:var(--step--2);font-weight:800;color:var(--text-subtle)}.length-slider{position:relative;padding-bottom:1.4rem}.length-slider-marker{position:absolute;top:2px;width:2px;height:24px;background:var(--danger);transform:translate(-1px);pointer-events:none;border-radius:2px}.length-slider-marker-label{position:absolute;top:28px;transform:translate(-50%);font-size:var(--step--2);font-weight:800;color:var(--danger-text);white-space:nowrap;pointer-events:none}.length-slider-value{font-weight:900;color:var(--primary-text);font-variant-numeric:tabular-nums}.active-pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.song-table td.col-title{min-width:12rem;font-weight:800}.song-table td.col-show{min-width:10rem}.song-table td.col-title a{color:var(--heading);text-decoration:none}.song-table td.col-title a:hover{color:var(--primary-text);text-decoration:underline}.song-table .col-play,.song-table .col-heart{width:1%;padding-right:.2rem}.song-table .ranges{display:flex;flex-wrap:wrap;gap:.25rem}.song-table .table-chars{display:block;font-size:var(--step--2);font-weight:600;color:var(--text-muted)}.added-by{display:inline-flex;align-items:center;gap:.35em;font-size:var(--step--1);font-weight:700;color:var(--text-muted)}.added-by strong{color:var(--text)}.owner-controls{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.time-bar{display:flex;flex-direction:column;gap:.35rem}.time-bar-track{position:relative;height:14px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent 0 var(--warn),color-mix(in srgb,var(--warning) 22%,transparent) var(--warn) var(--limit),color-mix(in srgb,var(--danger) 22%,transparent) var(--limit) 100%),var(--surface-3);overflow:hidden}.time-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--success);transition:width var(--dur-slow) var(--ease-out)}.time-bar.is-close .time-bar-fill{background:var(--warning)}.time-bar.is-over .time-bar-fill{background:var(--danger)}.time-bar-limit{position:absolute;top:0;bottom:0;left:var(--limit);width:3px;background:var(--danger);transform:translate(-1px)}.time-bar-caption{font-size:var(--step--1)}.time-bar.is-ok .time-bar-status{color:var(--success-text)}.time-bar.is-close .time-bar-status{color:var(--warning-text)}.time-bar.is-over .time-bar-status{color:var(--danger-text);font-weight:800}.slate-builder{display:flex;flex-direction:column;gap:var(--space-md)}.slate-fields{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.slate-privacy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md)}.slate-privacy-note{flex-basis:100%;margin:0}.slate-output{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);margin:0;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));background:radial-gradient(80% 120% at 0% 0%,var(--primary-soft),transparent 70%),var(--surface-2)}.slate-text{margin:0;font-size:var(--step-1);font-weight:700;line-height:1.5;color:var(--heading)}.slate-closing{font-size:var(--step--1);color:var(--text-muted)}.comments-section{display:flex;flex-direction:column;gap:var(--space-md)}.comments-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.comments-header .section-title{margin-bottom:0}.comment-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.comment,.comment-new{display:flex;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.comment.is-mine{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.comment-new{background:var(--surface-2);border-style:dashed}.comment-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:var(--step--1)}.comment-author{color:var(--heading)}.comment-time{color:var(--text-subtle);font-size:var(--step--2);font-weight:700}.comment-edited{font-style:italic}.comment-tag{display:inline-flex;align-items:center;gap:.25em;padding:.1em .55em;border-radius:var(--radius-pill);font-size:var(--step--2);font-weight:800;background:var(--surface-3)}.comment-tag-tip{background:var(--primary-soft);color:var(--primary-text)}.comment-tag-question{background:var(--info-bg);color:var(--info-text)}.comment-tag-performed{background:var(--accent-pink-soft);color:var(--accent-pink)}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.comment-actions{display:flex;gap:var(--space-2xs);margin-left:-.6rem}.comment-actions .comment-delete{--btn-fg: var(--danger-text)}.comment-composer{display:flex;flex-direction:column;gap:var(--space-xs)}.comment-composer .textarea{min-height:5.5rem}.comment-composer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs)}.comment-tag-picker{display:flex;flex-wrap:wrap;gap:.35rem}.chip-radio{min-height:32px;padding:.2em .7em;position:relative}.chip-radio:has(input:checked){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip-radio:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.comment-composer-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.comment-login{align-items:flex-start}.comment-login>svg{flex:none;color:var(--primary-text);margin-top:2px}.comment-as{margin-bottom:.1rem}.comments-empty{padding:var(--space-xl) var(--space-md)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-400) 20%,var(--pink-400) 50%,var(--teal-400) 80%,transparent);opacity:.55}.header-inner{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--header-h);padding-block:8px}.logo{flex:none;text-decoration:none;border-radius:12px;transition:transform var(--dur) var(--ease-out)}.logo:hover{transform:rotate(-1.5deg) scale(1.03)}.logo .marquee-inner{display:flex;align-items:center;gap:.35em;padding:.28em .7em .3em;font-family:var(--font-display);font-size:clamp(.98rem,.9rem + .4vw,1.2rem);line-height:1;white-space:nowrap;color:var(--marquee-text)}.logo-star{font-size:1.05em;filter:drop-shadow(0 0 6px rgba(255,201,74,.8))}.logo-star-word{color:var(--marquee-gold);text-shadow:0 0 10px rgba(255,190,60,.6)}@media(max-width:400px){.header-inner{gap:6px}.logo .marquee-inner{font-size:.95rem;padding-inline:.5em}.logo-star{display:none}.header-actions{gap:6px}.header-actions .btn-sm{padding-inline:.7em}}.main-nav{display:none}.main-nav ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.nav-link{position:relative;display:inline-flex;align-items:center;gap:.35em;min-height:40px;padding:.35em .7em;border-radius:var(--radius-pill);color:var(--text-muted);font-weight:800;font-size:var(--step--1);text-decoration:none;white-space:nowrap;transition:color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-icon{display:inline-flex}.nav-link.active,.nav-link[aria-current=page]{color:var(--primary-text);background:var(--primary-soft)}.header-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.header-add,.header-festival{display:none}@media(min-width:640px){.header-festival{display:block}.header-festival .festival-chip-text{max-width:11rem}}@media(min-width:1100px){.main-nav .nav-link{padding-inline:.55em}.header-festival .festival-chip-long{display:none}.header-festival .festival-chip-short{display:inline}.header-festival .festival-chip-text{max-width:7.25rem}}@media(min-width:1100px)and (max-width:1279px){.header-festival .festival-chip-text{display:none}.header-festival .festival-chip{gap:.15rem;padding-inline:.65em .45em}.logo .marquee-inner{font-size:1.02rem}}.header-theme{display:none}.hamburger{display:inline-grid}@media(min-width:1100px){.main-nav{display:block;margin-left:var(--space-2xs)}.header-add,.header-theme{display:inline-flex}.hamburger{display:none}}.main-nav .nav-link .nav-icon,.header-add .btn-label-long{display:none}.account-chip{padding-right:3px}.account-chip .account-name,.account-chip .account-caret{display:none}@media(max-width:1099px){.header-add .btn-label-short{display:none}}.mobile-nav{border-top:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);max-height:calc(100dvh - var(--header-h));overflow-y:auto;animation:toast-in var(--dur) var(--ease-out)}.mobile-nav-inner{display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-md) var(--space-lg)}.mobile-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin:0;padding:0;list-style:none}.mobile-nav .nav-link{width:100%;min-height:48px;padding:.6em .9em;border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--step-0)}.mobile-festival .select{background-color:var(--surface-2)}.mobile-nav-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mobile-nav-actions>.btn{flex:1 1 auto}@media(min-width:1100px){.mobile-nav{display:none}}.account{position:relative}.account-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--tap);padding:3px .7rem 3px 3px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-weight:800;font-size:var(--step--1)}.account-chip:hover{border-color:var(--primary)}.account-chip .avatar{--avatar-size: 36px;box-shadow:none}.account-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:599px){.account-chip{padding-right:3px}.account-chip .account-name,.account-chip .account-caret{display:none}}.account .menu{right:0;top:calc(100% + 8px)}.menu-user{padding:.5em .75em .6em;border-bottom:1px solid var(--border);margin-bottom:var(--space-2xs)}.menu-user-name{font-weight:900}.menu-user-email{font-size:var(--step--2);color:var(--text-muted);overflow-wrap:anywhere}.crown-badge{display:inline-flex;align-items:center;gap:.25em;margin-left:auto;padding:.1em .5em;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:var(--step--2);font-weight:900}.site-banner{border-bottom:1px solid var(--border);background:var(--warning-bg);color:var(--warning-text)}.site-banner .container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-xs);font-weight:700}.site-footer{position:relative;margin-top:auto;padding-block:var(--space-2xl) var(--space-xl);border-top:1px solid var(--border);background:radial-gradient(40rem 12rem at 50% 0%,var(--spotlight-1),transparent 70%),color-mix(in srgb,var(--bg-deep) 70%,transparent);color:var(--text-muted);font-size:var(--step--1)}.footer-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media(min-width:760px){.footer-grid{grid-template-columns:1.3fr 1fr 1.4fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.footer-title{font-family:var(--font-display);font-size:var(--step-1);color:var(--heading)}.footer-heading{margin-bottom:var(--space-xs);font-size:var(--step--2);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-text)}.footer-links{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.footer-credits p+p{margin-top:.5rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px dashed var(--border);font-size:var(--step--2);color:var(--text-subtle)}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-player);padding-bottom:env(safe-area-inset-bottom);background:var(--surface-glass);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-top:1px solid var(--border-strong);box-shadow:0 -10px 40px #00000059;animation:player-in var(--dur-slow) var(--ease-bounce)}@keyframes player-in{0%{transform:translateY(100%)}}.mini-player-progress{position:absolute;top:-1px;left:0;height:3px;background:linear-gradient(90deg,var(--gold-400),var(--pink-400));transition:width .25s linear}.mini-player-inner{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--mini-player-h);padding-block:8px}.mini-player-art{--art-size: 52px;flex:none;width:52px}.mini-player-art .art-tile{border-radius:var(--radius-sm)}.mini-player-info{flex:1;min-width:0}.mini-player-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;color:var(--heading);text-decoration:none}a.mini-player-title:hover{color:var(--primary-text);text-decoration:underline}.mini-player-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--step--1);color:var(--text-muted)}.mini-player-seek{display:none;align-items:center;gap:var(--space-xs);flex:1.2;min-width:0;font-size:var(--step--2);font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums}.mini-player-seek .range-slider{flex:1}@media(min-width:700px){.mini-player-seek{display:flex}}.mini-player-time-mobile{font-size:var(--step--2);font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums}@media(min-width:700px){.mini-player-time-mobile{display:none}}.mini-player-controls{display:flex;align-items:center;gap:var(--space-2xs)}.mini-player-note{display:none;font-size:var(--step--2);color:var(--text-subtle)}@media(min-width:1100px){.mini-player-note{display:block;max-width:14rem}}.festival-picker{position:relative;min-width:0}.festival-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;min-height:40px;padding:.3em .6em .3em .7em;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-weight:800;font-size:var(--step--1);line-height:1.15;white-space:nowrap;cursor:pointer;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.festival-chip:hover,.festival-chip[aria-expanded=true]{border-color:var(--primary)}.festival-chip:not(.is-set){border-style:dashed;border-color:color-mix(in srgb,var(--accent-pink) 60%,var(--border-strong))}.festival-chip.is-set{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-strong));background:color-mix(in srgb,var(--primary) 10%,var(--surface-2))}.festival-chip-pin{flex:none;font-size:1.05em}.festival-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.festival-chip-short{display:none}.festival-chip-caret{flex:none;color:var(--text-muted);transition:transform var(--dur) var(--ease-out)}.festival-chip[aria-expanded=true] .festival-chip-caret{transform:rotate(180deg)}@media(pointer:coarse){.festival-chip{min-height:var(--tap)}}.festival-picker.is-marquee .festival-chip{min-height:var(--tap);padding-inline:1em .8em;border-color:#ffc94a8c;background:#00000059;color:var(--marquee-text);font-size:var(--step-0)}.festival-picker.is-marquee .festival-chip:not(.is-set){border-color:#ff8cc2bf}.festival-picker.is-marquee .festival-chip:hover,.festival-picker.is-marquee .festival-chip[aria-expanded=true]{border-color:var(--marquee-gold);background:#ffc94a24}.festival-picker.is-marquee .festival-chip-caret{color:#fff3cfcc}.festival-popover{position:absolute;top:calc(100% + 8px);z-index:calc(var(--z-header) + 6);display:flex;flex-direction:column;width:min(360px,calc(100vw - 24px));padding:var(--space-xs);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);text-align:left;animation:toast-in var(--dur) var(--ease-out)}.festival-picker.align-end .festival-popover{right:0}.festival-picker.align-start .festival-popover{left:0}.festival-picker.align-center .festival-popover{left:50%;translate:-50% 0}.festival-popover-title{padding:.45em .6em .3em;font-family:var(--font-display);font-size:var(--step-1);line-height:1.1;color:var(--heading)}.festival-popover-empty{padding:.6em;color:var(--text-muted)}.festival-listbox{max-height:min(64vh,600px);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-md);outline:none}.festival-group+.festival-group{margin-top:var(--space-2xs)}.festival-group-label{position:sticky;top:0;z-index:1;padding:.55em .6em .25em;background:var(--surface);font-size:var(--step--2);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle)}.festival-option{display:grid;grid-template-columns:1.7rem minmax(0,1fr) 20px;align-items:center;gap:.55rem;min-height:50px;padding:.4em .6em;border-radius:var(--radius-sm);cursor:pointer}.festival-option.is-active{background:var(--surface-2)}.festival-listbox:focus-visible .festival-option.is-active{outline:2px solid var(--focus);outline-offset:-2px}.festival-option.is-selected{background:var(--primary-soft)}.festival-option.is-selected.is-active{background:color-mix(in srgb,var(--primary) 22%,transparent)}.festival-option-emoji{display:grid;place-items:center;font-size:1.15rem}.festival-option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.festival-option-name{font-weight:800;color:var(--heading);overflow-wrap:anywhere}.festival-option.is-selected .festival-option-name{color:var(--primary-text)}.festival-option-city{font-weight:600;color:var(--text-muted)}.festival-option-date{font-size:var(--step--1);color:var(--text-muted)}.festival-option.is-past .festival-option-text{opacity:.72}.festival-option-check{display:grid;place-items:center;color:var(--primary-text)}.festival-popover-more{display:flex;justify-content:space-between;align-items:center;min-height:var(--tap);margin-top:var(--space-2xs);padding:.4em .6em;border-top:1px solid var(--border);font-size:var(--step--1);font-weight:800;text-decoration:none;color:var(--link)}.festival-popover-more:hover{text-decoration:underline}.festival-select-label{display:inline-flex;align-items:center;gap:.35em}.festival-select-label svg{color:var(--primary-text)}.festival-inline{display:flex;flex-direction:column;gap:var(--space-sm)}.festival-summary{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius-md);background:radial-gradient(90% 140% at 0% 0%,var(--primary-soft),transparent 70%),var(--surface-2)}.festival-summary-name{font-weight:900;line-height:1.3;color:var(--heading)}.festival-summary-when{display:flex;flex-wrap:wrap;align-items:center;gap:.2em .5em}.festival-summary-meta{font-size:var(--step--1);color:var(--text-muted)}.festival-summary-link{display:inline-flex;align-items:center;gap:.3em;align-self:flex-start;min-height:24px;margin-top:.2rem;font-size:var(--step--1);font-weight:800}.festival-status{display:inline-flex;align-items:center;padding:.12em .6em;border-radius:var(--radius-pill);background:var(--surface-3);font-size:var(--step--2);font-weight:900;color:var(--text-muted);white-space:nowrap}.is-soon>.festival-status,.is-today>.festival-status,.is-soon .festival-summary-when .festival-status,.is-today .festival-summary-when .festival-status{background:var(--accent-pink-soft);color:var(--accent-pink)}.festival-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin:0;padding:0;list-style:none}.festival-chip-option{display:grid;grid-template-columns:auto auto;grid-template-areas:"emoji name" "emoji date";align-items:center;justify-content:start;column-gap:.45rem;min-height:52px;padding:.4em 1em .4em .75em;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.festival-chip-option>.emoji{grid-area:emoji;font-size:1.2rem}.festival-chip-option-name{grid-area:name;font-weight:900;font-size:var(--step-0);line-height:1.1}.festival-chip-option-date{grid-area:date;font-size:var(--step--2);font-weight:800;letter-spacing:.04em;color:var(--text-muted)}.festival-chip-option:hover{border-color:var(--primary);transform:translateY(-1px)}.festival-chip-option:active{transform:scale(.97)}.festival-chip-option[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.festival-chip-option[aria-pressed=true] .festival-chip-option-date{color:inherit}.festival-chips.is-marquee .festival-chip-option{border-color:#ffc94a73;background:#00000059;color:var(--marquee-text)}.festival-chips.is-marquee .festival-chip-option-date{color:#fff3cfc7}.festival-chips.is-marquee .festival-chip-option:hover{border-color:var(--marquee-gold);background:#ffc94a29}.festival-chips.is-marquee .festival-chip-option[aria-pressed=true]{border-color:var(--marquee-gold);background:var(--marquee-gold);color:#2a1a00}.festival-chips.is-marquee .festival-chip-option[aria-pressed=true] .festival-chip-option-date{color:#2a1a00}.home-hero{position:relative;padding-bottom:var(--space-xl);overflow:hidden}.valance{position:relative;height:34px;background:radial-gradient(circle at 50% 0,var(--velvet-700) 0 22px,transparent 23px) 0 0 / 48px 34px repeat-x,linear-gradient(180deg,var(--velvet-800),var(--velvet-700)) 0 0 / 100% 12px no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));opacity:.95}.valance:after{content:"";position:absolute;left:0;right:0;top:10px;height:3px;background:repeating-linear-gradient(90deg,var(--gold-400) 0 6px,var(--gold-600) 6px 9px);opacity:.8}[data-theme=light] .valance{opacity:.85}.home-hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg)}.home-marquee{width:min(100%,880px)}.home-marquee-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:clamp(1.25rem,1rem + 2vw,2.5rem) clamp(1rem,.5rem + 3vw,3rem);text-align:center;background:radial-gradient(60% 80% at 50% 0%,rgba(255,210,120,.22),transparent 70%),var(--marquee-panel)}.home-eyebrow{font-size:var(--step--1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff3cfd9}.home-title{font-size:var(--step-5);line-height:1.02}.home-title-accent{display:inline-block;color:#fff6d8;text-shadow:0 0 2px #fff,0 0 18px rgba(255,95,168,.85),0 0 36px rgba(255,95,168,.45);animation:neon-flicker 4.8s linear 1}@keyframes neon-flicker{0%,18%,22%,60%,to{opacity:1}20%,61%{opacity:.6}}.home-lede{max-width:46ch;font-size:var(--step-1);color:var(--marquee-text)}.home-countdown{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.home-countdown-label{font-size:var(--step--1);color:#fff3cfd9}.home-countdown-label strong{color:var(--marquee-gold)}.home-countdown-pending{min-height:5.5rem}.home-countdown-label .home-hero-link,.home-hero-link{display:inline-flex;align-items:center;gap:.3em;min-height:24px;color:var(--marquee-gold);font-weight:800}.home-hero-link:hover{color:#fff6d8}.home-where{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px dashed rgba(255,201,74,.35)}.home-where-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-2);line-height:1.1;color:var(--marquee-gold);text-shadow:0 0 12px rgba(255,190,60,.45)}.home-where-hint{font-size:var(--step--1);color:#fff3cfd9}.home-where .festival-chips{margin-top:var(--space-2xs);max-width:760px}.home-change{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;margin-top:var(--space-2xs)}.home-change-button{display:inline-flex;align-items:center;gap:.35em;min-height:36px;padding:.25em .9em;border:1px dashed rgba(255,201,74,.45);border-radius:var(--radius-pill);background:transparent;color:#fff3cfe6;font-size:var(--step--1);font-weight:800;cursor:pointer}.home-change-button:hover,.home-change-button[aria-expanded=true]{border-style:solid;border-color:var(--marquee-gold);color:var(--marquee-gold)}@media(pointer:coarse){.home-change-button{min-height:var(--tap)}}.home-change-panel{width:100%;max-width:760px}.home-tbd{font-size:var(--step-3);line-height:1.1}.home-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.home-wrap-title{font-size:var(--step-3);line-height:1.1}.home-nationals{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;color:var(--marquee-text)}.home-nationals strong{color:var(--marquee-gold)}.home-nationals-venue{color:#fff3cfcc}.home-search{width:min(100%,720px)}.home-quick{width:min(100%,900px)}.home-quick .chip-group{justify-content:center}.home-quick-chip{min-height:40px;font-size:var(--step-0);background:var(--surface-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-quick-chip:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.spotlight{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-lg);overflow:hidden;border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:radial-gradient(90% 120% at 0% 0%,var(--primary-soft),transparent 60%),var(--surface)}.spotlight-beam{position:absolute;top:-40%;left:5%;width:60%;height:180%;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,230,160,.14) 175deg,rgba(255,230,160,.2) 180deg,rgba(255,230,160,.14) 185deg,transparent 200deg);pointer-events:none;animation:sweep 4.8s ease-in-out 1;transform-origin:50% 0}@keyframes sweep{0%,to{transform:rotate(0)}33%{transform:rotate(-12deg)}66%{transform:rotate(12deg)}}.spotlight-art{position:relative;width:min(100%,240px);margin-inline:auto}.spotlight-poster{position:absolute;right:-18px;bottom:-14px;width:38%;transform:rotate(6deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.spotlight-body{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.spotlight-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-4);line-height:1.05}.spotlight-title a{color:var(--heading);text-decoration:none}.spotlight-title a:hover{color:var(--primary-text)}.spotlight-show{font-size:var(--step-1);color:var(--text-muted)}.spotlight-show-link{font-weight:800}.spotlight-parts{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);font-weight:700}.spotlight-parts li{display:inline-flex;align-items:center;gap:.45rem}.spotlight-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.spotlight-ladder{display:none}@media(min-width:720px){.spotlight{grid-template-columns:240px 1fr;align-items:center;padding:var(--space-xl)}.spotlight-art{margin:0}}@media(min-width:1080px){.spotlight{grid-template-columns:240px 1fr auto}.spotlight-ladder{display:block;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}}.feature-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none}.feature-card{display:flex;align-items:center;gap:var(--space-md);height:100%;padding:var(--space-lg);color:var(--text);text-decoration:none;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--feature-accent, var(--primary));border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.feature-card.accent-pink{--feature-accent: var(--accent-pink)}.feature-card.accent-teal{--feature-accent: var(--accent-teal)}.feature-card.accent-gold{--feature-accent: var(--primary)}.feature-card:hover{color:var(--text)}.feature-emoji{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:color-mix(in srgb,var(--feature-accent) 18%,transparent);font-size:1.9rem;transition:transform var(--dur-slow) var(--ease-bounce)}.feature-card:hover .feature-emoji{transform:rotate(-8deg) scale(1.1)}.feature-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.feature-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:900;font-size:var(--step-1);color:var(--heading)}.feature-blurb{font-size:var(--step--1);color:var(--text-muted)}.feature-arrow{flex:none;color:var(--text-subtle);transition:transform var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.feature-card:hover .feature-arrow{transform:translate(4px);color:var(--feature-accent)}.home-stats-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.home-stats-head .section-title{margin-bottom:0}.stat-tiles{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin:0;padding:0;list-style:none}.stat-tile{display:flex;flex-direction:column;gap:.15rem;padding:var(--space-md) var(--space-lg);color:var(--text);text-decoration:none;height:100%}.stat-tile:hover{color:var(--text)}.stat-value{font-family:var(--font-display);font-size:var(--step-4);line-height:1;color:var(--primary-text);font-variant-numeric:tabular-nums}.stat-label{font-weight:800;color:var(--text-muted)}.home-add-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);font-weight:700;text-align:center}.home-add-cta svg{color:var(--primary-text)}.browse-header{margin-bottom:var(--space-md)}@media(max-width:599px){.browse-header-add{display:none}}.browse-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:start}@media(min-width:900px){.browse-layout{grid-template-columns:290px minmax(0,1fr)}}@media(min-width:1200px){.browse-layout{grid-template-columns:310px minmax(0,1fr)}}.browse-sidebar{position:sticky;top:calc(var(--header-h) + var(--space-md))}.browse-sidebar-inner{max-height:calc(100vh - var(--header-h) - var(--space-xl));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-lg) var(--space-md);scrollbar-width:thin}body.has-mini-player .browse-sidebar-inner{max-height:calc(100vh - var(--header-h) - var(--mini-player-h) - var(--space-xl))}.browse-main{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.browse-toolbar{display:flex;flex-direction:column;gap:var(--space-sm)}.browse-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.browse-view .segmented-option{padding-inline:.65em}.browse-sort{flex:1 1 110px;min-width:0;max-width:240px}.browse-sort .select{min-height:44px;border-radius:var(--radius-pill)}.browse-filter-button{order:-1}@media(max-width:520px){.browse-controls>.segmented:first-child{order:-2;width:100%}.browse-controls>.segmented:first-child .segmented-option{flex:1}.browse-sort{max-width:none}}@media(max-width:440px){.browse-sort{order:1;flex:1 1 100%}.browse-filter-button{flex:1 1 auto}}@media(min-width:1440px){.browse-toolbar{flex-direction:row;align-items:center}.browse-search{flex:1;min-width:0}}.browse-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);min-height:36px}.result-count{font-weight:900;color:var(--text-muted)}.browse-grid>.song-card{content-visibility:auto;contain-intrinsic-size:auto 250px}.auth-page{display:grid;place-items:center;padding-block:var(--space-lg) var(--space-2xl)}.ticket{--notch: 18px;--stub-w: 110px;--paper: #fff7e6;--paper-2: #fdebc8;--ink: #2a1838;--ink-muted: #5b4a6b;position:relative;display:grid;grid-template-columns:1fr;width:min(100%,620px);color:var(--ink);filter:drop-shadow(0 22px 40px rgba(0,0,0,.45)) drop-shadow(0 0 30px rgba(255,190,60,.12))}.ticket-main,.ticket-stub{position:relative;background:radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.7),transparent 60%),repeating-linear-gradient(135deg,transparent 0 18px,rgba(201,138,0,.05) 18px 20px),linear-gradient(160deg,var(--paper),var(--paper-2))}.ticket-main{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);border-radius:22px 22px 0 0;-webkit-mask:radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000) top left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000) top right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000) top left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000) top right / 51% 100% no-repeat}.ticket-main:after{content:"";position:absolute;inset:10px 10px 0;border:2px solid rgba(201,138,0,.45);border-bottom:0;border-radius:14px 14px 0 0;pointer-events:none}.ticket-stub{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:0 0 22px 22px;border-top:3px dashed rgba(42,24,56,.35);-webkit-mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000) bottom left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000) bottom right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000) bottom left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000) bottom right / 51% 100% no-repeat}.ticket-stub-star{font-size:1.6rem;color:#c98a00}.ticket-stub-text{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:.18em;color:#9b2c6b}.ticket-barcode{width:90px;height:34px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px);opacity:.8}.ticket-stub-no{display:none;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted)}@media(min-width:640px){.ticket{grid-template-columns:1fr var(--stub-w);transform:rotate(-.6deg)}.ticket-main{padding:var(--space-2xl) var(--space-xl) var(--space-xl);border-radius:22px 0 0 22px;-webkit-mask:radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000) top right / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000) bottom right / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000) top right / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000) bottom right / 100% 51% no-repeat}.ticket-main:after{inset:10px 0 10px 10px;border:2px solid rgba(201,138,0,.45);border-right:0;border-radius:14px 0 0 14px}.ticket-stub{flex-direction:column;justify-content:center;padding:var(--space-lg) var(--space-sm);border-radius:0 22px 22px 0;border-top:0;border-left:3px dashed rgba(42,24,56,.35);-webkit-mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000) top left / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000) bottom left / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000) top left / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000) bottom left / 100% 51% no-repeat}.ticket-stub-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--step-2)}.ticket-barcode{width:40px;height:90px;background:repeating-linear-gradient(0deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px)}.ticket-stub-no{display:block;writing-mode:vertical-rl}}.ticket-kicker{display:inline-flex;align-self:flex-start;align-items:center;gap:.35em;padding:.25em .8em;border-radius:var(--radius-pill);background:#2a1838;color:#ffc94a;font-size:var(--step--1);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ticket-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,1.5rem + 1.8vw,2.8rem);line-height:1.05;color:#2a1234}.ticket-lede{color:var(--ink-muted)}.ticket-form{display:flex;flex-direction:column;gap:var(--space-md)}.ticket .label{color:var(--ink)}.ticket .hint{color:var(--ink-muted)}.ticket .input{background:#fffdf8;color:var(--ink);border-color:#4a2c144d}.ticket .input::placeholder{color:#8a7a98}.ticket .input:focus-visible{border-color:#1b5cff;box-shadow:0 0 0 3px #1b5cff4d}.ticket .btn-icon{color:var(--ink)}.ticket .btn-icon:hover{background:#2a183814}.ticket .field-error{color:#a01a2f}.ticket .callout-danger{background:#fde6ea;color:#a01a2f}.ticket a:not(.btn){color:#9b2c6b;font-weight:800}.ticket :focus-visible{outline-color:#1b5cff}.ticket-switch{font-weight:700;text-align:center}.ticket-fineprint{font-size:var(--step--2);color:var(--ink-muted);text-align:center}.strength{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xs)}.strength .hint{flex:1 1 14rem}.strength-bar{display:inline-flex;gap:3px}.strength-bar span{width:26px;height:6px;border-radius:3px;background:#2a183826;transition:background-color var(--dur) var(--ease-out)}.strength[data-score="1"] .strength-bar .is-on{background:#d9534f}.strength[data-score="2"] .strength-bar .is-on{background:#e0a800}.strength[data-score="3"] .strength-bar .is-on{background:#20a37a}.strength[data-score="4"] .strength-bar .is-on{background:linear-gradient(90deg,#c98a00,#ff3d8f)}