:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream-base:#f7f5f0;--cream-light:#fbf9f6;--cream-deep:#f3efea;--paper:#fff;--bg-base-gradient:linear-gradient(165deg, var(--cream-light) 0%, var(--cream-deep) 100%);--ink-strong:#1a1d20;--ink-body:#6e7681;--ink-soft:#9aa1aa;--ink-on-accent:#fff;--ink-on-gold:#fff;--hairline:#dcd7cdb3;--hairline-strong:#cdc6b9d9;--hairline-active:#1d3fd666;--hairline-on-accent:#ffffff52;--card-surface:#ffffffd9;--card-surface-hover:#fffffff5;--accent-primary:#1d3fd6;--accent-primary-hover:#1631b0;--accent-secondary:#3a63ea;--accent-blue:#3f7fe0;--accent-green:#2f7a63;--accent-pink:#ff9ec4;--shadow-card:0 4px 6px -1px #00000008, 0 20px 25px -5px #0000000d;--shadow-card-hover:0 6px 10px -2px #0000000a, 0 30px 40px -8px #00000017;--shadow-float:0 8px 14px -4px #0000000d, 0 32px 48px -12px #0000001a;--shadow-photo:0 30px 60px -20px #3a2e244d;--shadow-soft:#3a2e2429;--shadow-halo:#fbf9f6e6;--dot-color:#1a1d20;--dot-gap:22px;--dot-opacity:.04;--ambient-coral:#1d3fd61a;--ambient-blue:#5b9cf60f;--ambient-gold:#3a63ea17;--reveal-distance:22px;--reveal-duration:.7s;--reveal-ease:cubic-bezier(.22, .75, .28, 1);--text-main:var(--ink-strong);--text-secondary:var(--ink-body);--text-muted:var(--ink-soft);--text-on-accent:var(--ink-on-accent);--text-on-gold:var(--ink-on-gold);--bg-surface:var(--paper);--bg-card:var(--card-surface);--bg-card-hover:var(--card-surface-hover);--bg-inset:#ffffffc7;--bg-scrim:#fbf9f6d1;--bg-overlay:#fffffff0;--bg-veil:#fbf9f680;--bg-wash:#1a1d2009;--border-subtle:var(--hairline);--border-strong:var(--hairline-strong);--border-active:var(--hairline-active);--border-on-accent:var(--hairline-on-accent);--surface-veil:var(--bg-wash);--surface-veil-strong:#1a1d2012;--sheen:#ffffff80;--watermark:#1a1d200f;--accent-primary-soft:#1d3fd61a;--accent-primary-strong:#1d3fd666;--accent-primary-glow:#1d3fd638;--accent-secondary-soft:#3a63ea1a;--accent-secondary-strong:#3a63ea59;--accent-secondary-glow:#3a63ea33;--accent-blue-soft:#5b9cf61a;--accent-blue-strong:#5b9cf66b;--accent-blue-glow:#5b9cf62e;--accent-green-strong:#2f7a6359;--accent-green-soft:#2f7a631f;--grad-primary:linear-gradient(120deg, var(--accent-primary), var(--accent-primary-hover));--grad-primary-soft:linear-gradient(135deg, var(--accent-primary-soft), var(--accent-secondary-soft));--grad-cool-soft:linear-gradient(135deg, var(--accent-blue-soft), var(--accent-primary-soft));--grad-gold:linear-gradient(120deg, var(--accent-secondary) 0%, var(--accent-primary) 100%);--glow-primary:0 8px 20px -8px var(--accent-primary-strong), 0 3px 10px -4px var(--accent-primary-glow);--glow-primary-hover:0 14px 28px -8px var(--accent-primary-strong), 0 5px 14px -4px var(--accent-primary-glow);--glass-blur:16px;--radius-sm:12px;--radius:18px;--radius-lg:26px;--nav-h:72px;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Playfair Display", "Didot", "Bodoni MT", "Baskerville", "Georgia", "Times New Roman", "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif SC", "STZhongsong", "华文中宋", SimSun, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--text-main);background-color:var(--cream-base);background-image:var(--bg-base-gradient);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;line-height:1.7;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,label{touch-action:manipulation}button,[role=button],.song-card,.song-card *,.hold-button,.hold-button *,.vote-btn,.flip-card,.flip-card *,.jelly-radio,.jelly-radio *,label{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}input,textarea,[contenteditable]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{color:var(--text-main);background:#1d3fd62e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));border:2px solid var(--cream-deep);border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:6px}.flip-card{--fc-w:300px;--fc-h:400px;--fc-radius:22px;--fc-bg:#27272a;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.22;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);background:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:12% 9% -5%}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%) var(--fc-gy,50%), rgba(255, 255, 255, var(--fc-glare)) 0%, rgba(255, 255, 255, calc(var(--fc-glare) * .76)) 12%, rgba(255, 255, 255, calc(var(--fc-glare) * .5)) 26%, rgba(255, 255, 255, calc(var(--fc-glare) * .28)) 42%, rgba(255, 255, 255, calc(var(--fc-glare) * .12)) 60%, rgba(255, 255, 255, calc(var(--fc-glare) * .04)) 78%, #fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.hold-button{--hb-radius:14px;--hb-bg:#27272a;--hb-fill:#5227ff;--hb-text:#f5f5f5;--hb-fill-text:#fff;--hb-hold:2s;--hb-release:.2s;--hb-press:.97;--hb-wave:6px;--hb-w:0px;--hb-h:0px;--hb-cycles:2;--hb-p:0;--hb-ease-out:cubic-bezier(.23, 1, .32, 1);--hb-shadow:inset 0 1px 0 #ffffff0f;--hb-glow:inset 0 1px 0 #ffffff0f, 0 10px 32px -6px color-mix(in srgb, var(--hb-fill) 70%, transparent);isolation:isolate;border-radius:var(--hb-radius);background:var(--hb-bg);color:var(--hb-text);letter-spacing:.01em;box-shadow:var(--hb-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;transition:transform .16s var(--hb-ease-out), background-color .16s ease, box-shadow var(--hb-release) var(--hb-ease-out);border:0;outline:none;place-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;display:inline-grid;position:relative}.hold-button,.hold-button *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}.hold-button--sm{height:36px;padding:0 16px;font-size:13px}.hold-button--md{height:44px;padding:0 22px;font-size:15px}.hold-button--lg{height:52px;padding:0 28px;font-size:17px}@media (hover:hover) and (pointer:fine){.hold-button:not(:disabled):hover{background:color-mix(in srgb, var(--hb-bg) 92%, #fff)}}.hold-button[data-phase=holding][data-input=pointer]{transform:scale(var(--hb-press))}.hold-button[data-glow=true][data-phase=holding],.hold-button[data-glow=true][data-phase=done]{box-shadow:var(--hb-glow)}.hold-button[data-glow=true][data-phase=holding]{transition:transform .16s var(--hb-ease-out), background-color .16s ease, box-shadow var(--hb-hold) linear}.hold-button:focus-visible{outline:2px solid var(--hb-fill);outline-offset:3px}.hold-button:disabled{opacity:.5;cursor:default;pointer-events:none}.hold-button__pulse{z-index:0;border-radius:var(--hb-radius);pointer-events:none;opacity:0;position:absolute;inset:0}.hold-button[data-glow=true][data-phase=done] .hold-button__pulse{animation:hb-pulse .6s var(--hb-ease-out) forwards}@keyframes hb-pulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--hb-fill) 55%, transparent)}to{opacity:0;box-shadow:0 0 0 14px color-mix(in srgb, var(--hb-fill) 0%, transparent)}}.hold-button__label{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.hold-button__label>span{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:1/1;align-items:center;gap:8px;transition:opacity .2s,filter .2s;display:inline-flex}.hold-button__icon{flex:none;display:inline-flex}.hold-button__icon>svg{display:block}.hold-button__done,.hold-button[data-phase=done] .hold-button__idle{opacity:0;filter:blur(2px)}.hold-button[data-phase=done] .hold-button__done{opacity:1;filter:blur()}.hold-button__clip{z-index:3;clip-path:inset(0 round var(--hb-radius));pointer-events:none;position:absolute;inset:0}.hold-button__fill{background:var(--hb-fill);color:var(--hb-fill-text);clip-path:inset(0 calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - (var(--hb-p) * .25 * var(--hb-wave))) 0 0);place-items:center;display:grid;position:absolute;inset:0}.hold-button[data-direction=up] .hold-button__fill{clip-path:inset(calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - (var(--hb-p) * .25 * var(--hb-wave))) 0 0 0)}.hold-button__crest{background:var(--hb-fill);color:var(--hb-fill-text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='200' viewBox='0 0 20 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10C18 8 18 25.3 10 33.3S2 58.7 10 66.7S18 92 10 100S2 125.3 10 133.3S18 158.7 10 166.7S2 192 10 200H0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='200' viewBox='0 0 20 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10C18 8 18 25.3 10 33.3S2 58.7 10 66.7S18 92 10 100S2 125.3 10 133.3S18 158.7 10 166.7S2 192 10 200H0Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:var(--hb-wave) calc(var(--hb-h) * 2);-webkit-mask-size:var(--hb-wave) calc(var(--hb-h) * 2);mask-size:var(--hb-wave) calc(var(--hb-h) * 2);-webkit-mask-position-x:calc(0px - var(--hb-wave) + (var(--hb-p) * (var(--hb-w) + var(--hb-wave))));mask-position-x:calc(0px - var(--hb-wave) + (var(--hb-p) * (var(--hb-w) + var(--hb-wave))));-webkit-mask-position-y:calc(0px - (var(--hb-p) * var(--hb-cycles) * var(--hb-h)));mask-position-y:calc(0px - (var(--hb-p) * var(--hb-cycles) * var(--hb-h)));place-items:center;display:grid;position:absolute;inset:0}.hold-button[data-direction=up] .hold-button__crest{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='20' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V10C12 2 38 2 50 10S88 18 100 10S138 2 150 10S188 18 200 10V20Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='20' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V10C12 2 38 2 50 10S88 18 100 10S138 2 150 10S188 18 200 10V20Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:calc(var(--hb-w) * 2) var(--hb-wave);-webkit-mask-size:calc(var(--hb-w) * 2) var(--hb-wave);mask-size:calc(var(--hb-w) * 2) var(--hb-wave);-webkit-mask-position-x:calc(0px - (var(--hb-p) * var(--hb-cycles) * var(--hb-w)));mask-position-x:calc(0px - (var(--hb-p) * var(--hb-cycles) * var(--hb-w)));-webkit-mask-position-y:calc(var(--hb-h) - (var(--hb-p) * (var(--hb-h) + var(--hb-wave))));mask-position-y:calc(var(--hb-h) - (var(--hb-p) * (var(--hb-h) + var(--hb-wave))))}.hold-button__label--fill{z-index:auto}.hold-button__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-contrast:more){.hold-button{outline:1px solid var(--hb-text)}}@media (prefers-reduced-motion:reduce){.hold-button{transition:background-color .16s ease, box-shadow var(--hb-release) ease;transform:none!important}.hold-button__fill,.hold-button[data-direction=up] .hold-button__fill{clip-path:inset(0);opacity:0;transition:opacity var(--hb-release) ease}.hold-button__crest{display:none}.hold-button[data-phase=holding] .hold-button__fill,.hold-button[data-phase=done] .hold-button__fill{opacity:1;transition:opacity var(--hb-hold) linear}.hold-button__pulse{animation:none!important}.hold-button__label>span{transition:opacity .2s;filter:none!important}}.code-slots{--cs-accent:#f5f5f5;--cs-ink:#f5f5f5;--cs-slot:#27272a;--cs-digit:#18181b;--cs-danger:#ff3b30;--cs-size:44px;--cs-height:52px;--cs-gap:8px;--cs-radius:12px;--cs-font:22px;display:inline-block;position:relative}.code-slots__row{gap:var(--cs-gap);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s;display:inline-flex;position:relative}.code-slots__row[data-disabled]{opacity:.5;cursor:not-allowed}.code-slots__input{z-index:4;color:#0000;caret-color:#0000;opacity:0;cursor:inherit;appearance:none;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.code-slots__wash{z-index:1;border-radius:var(--cs-radius);background:var(--cs-accent);color:var(--cs-digit);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.code-slots__check{place-items:center;display:grid}.code-slots__slot{width:var(--cs-size);height:var(--cs-height);border-radius:var(--cs-radius);background:var(--cs-slot);-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative;overflow:hidden}.code-slots__fill{border-radius:inherit;background:var(--cs-accent);transform-origin:50%;transition:background-color .2s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.code-slots__row[data-status=idle]:not([data-disabled]):hover .code-slots__slot:not([data-active]){background:color-mix(in srgb, var(--cs-ink) 4%, var(--cs-slot))}}.code-slots__slot[data-active]{background:color-mix(in srgb, var(--cs-ink) 8%, var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__slot{background:color-mix(in srgb, var(--cs-danger) 20%, var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__fill{background:var(--cs-danger)}.code-slots__digit{z-index:2;color:var(--cs-digit);font-family:inherit;font-size:var(--cs-font);font-variant-numeric:tabular-nums;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.code-slots__caret{z-index:3;top:25%;left:calc(var(--cs-size) / 2 - .75px);opacity:0;pointer-events:none;width:1.5px;height:50%;position:absolute}.code-slots__caret[data-show]{opacity:1}.code-slots__caret-line{background:var(--cs-ink);width:100%;height:100%;animation:1s linear infinite code-slots-blink;display:block}@keyframes code-slots-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.code-slots__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.code-slots__digit,.code-slots__check{transition:opacity .15s;transform:none!important}.code-slots__caret-line{animation:none}.code-slots__wash{opacity:0;transition:opacity .2s}.code-slots__row[data-status=success] .code-slots__wash{opacity:1}}.sponsor-modal{z-index:130;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,16px));place-items:center;display:grid;position:fixed;inset:0}.sponsor-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1d2042;animation:.24s both sponsorBackdropIn;position:absolute;inset:0}.sponsor-modal--closing .sponsor-modal__backdrop{animation:.2s both sponsorBackdropOut}.sponsor-modal__card{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--border-strong);width:min(420px,100%);max-height:min(100svh - 48px,760px);box-shadow:var(--shadow-float);background:linear-gradient(168deg,#fff 0%,#fdfbf8 52%,#f7f3ec 100%);flex-direction:column;padding:26px 24px 20px;animation:.3s cubic-bezier(.22,.75,.28,1) both sponsorCardIn;display:flex;position:relative;overflow:hidden}.sponsor-modal--closing .sponsor-modal__card{animation:.2s cubic-bezier(.4,0,1,1) both sponsorCardOut}.sponsor-modal__close{z-index:3;width:34px;height:34px;color:var(--text-muted);background:var(--bg-wash);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;font-size:14px;font-weight:800;line-height:1;transition:color .2s,background-color .2s;display:grid;position:absolute;top:14px;right:14px}.sponsor-modal__close:hover{color:var(--text-main);background:var(--surface-veil-strong)}.sponsor-modal__close:focus-visible{border-radius:50%}.sponsor-modal__head{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:2px 34px 16px;display:flex}.sponsor-modal__eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-indent:.28em;color:var(--accent-secondary);font-size:10.5px;font-weight:700}.sponsor-modal__title{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-main);font-size:clamp(22px,3.2vw,28px);font-weight:700;line-height:1.3}.sponsor-modal__subtitle{letter-spacing:.08em;color:var(--text-muted);font-size:11.5px}.sponsor-modal__tabs{background:var(--bg-wash);border:1px solid var(--border-subtle);border-radius:999px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.sponsor-modal__tab{letter-spacing:.01em;white-space:normal;text-align:center;min-width:0;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:9px 6px;font-size:12.8px;font-weight:700;line-height:1.35;transition:color .2s,background-color .2s,box-shadow .2s;display:flex}.sponsor-modal__tab:hover{color:var(--text-main);background:#ffffff8c}.sponsor-modal__tab--active,.sponsor-modal__tab--active:hover{color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 1px var(--accent-primary-strong), 0 8px 18px -14px var(--accent-primary-glow)}.sponsor-modal__tab:focus-visible{border-radius:999px}.sponsor-modal__panel{overscroll-behavior:contain;flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:18px 4px 6px;animation:.24s both sponsorPanelIn;display:flex;overflow-y:auto}.sponsor-modal__panel::-webkit-scrollbar{width:6px}.sponsor-modal__panel::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.sponsor-modal__panel:focus-visible{outline-offset:-4px;border-radius:12px}.sponsor-modal__lead{text-align:center;width:100%;color:var(--text-secondary);font-size:13.8px;line-height:1.9}.sponsor-modal__notice{background:var(--bg-wash);border:1px solid var(--border-subtle);width:100%;box-shadow:inset 3px 0 0 var(--accent-secondary);border-radius:18px;padding:16px 16px 16px 18px}.sponsor-modal__notice .sponsor-modal__lead{font-size:13.5px;line-height:1.9}.sponsor-modal__lead--notice{text-align:left;font-size:13.2px;line-height:1.85}.sponsor-modal__lead--notice p+p{margin-top:8px}.sponsor-modal__qr{flex-direction:column;align-items:center;gap:9px;margin:0;display:flex}.sponsor-modal__qr-frame{border:1px solid var(--border-subtle);background:#fff;border-radius:18px;padding:9px;box-shadow:0 16px 32px -26px #3a2e2480}.sponsor-modal__qr img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px;width:min(212px,58vw);height:auto}.sponsor-modal__qr figcaption{text-align:center;color:var(--text-muted);font-size:12px;line-height:1.6}.sponsor-modal__note{text-align:center;color:var(--text-muted);font-size:11.5px;line-height:1.7}.sponsor-modal__foot{flex:none;justify-content:center;padding-top:14px;display:flex}.sponsor-modal__done{letter-spacing:.06em;min-width:128px;color:var(--text-main);background:var(--bg-overlay);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);border-radius:999px;padding:10px 26px;font-size:13.5px;font-weight:800;transition:color .2s,background-color .2s,border-color .2s,scale .18s}.sponsor-modal__done:hover{color:var(--accent-primary);background:var(--surface-veil-strong);border-color:var(--accent-primary-strong)}.sponsor-modal__done:active{scale:.96 .92}.sponsor-modal__done:focus-visible{border-radius:999px}@keyframes sponsorBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes sponsorBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes sponsorCardIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes sponsorCardOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes sponsorPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=430px){.sponsor-modal{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,16px))}.sponsor-modal__card{max-height:min(100svh - 32px,720px);padding:24px 18px 18px}.sponsor-modal__tab{padding:9px 4px;font-size:12.2px}.sponsor-modal__lead{font-size:13.2px;line-height:1.85}.sponsor-modal__qr img{width:min(200px,62vw)}}@media (width<=360px){.sponsor-modal__tab{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.sponsor-modal__backdrop,.sponsor-modal__card,.sponsor-modal__panel,.sponsor-modal--closing .sponsor-modal__backdrop,.sponsor-modal--closing .sponsor-modal__card{animation:none}}.fold-text{color:var(--fold-text-color,currentColor);font-size:var(--fold-text-font-size,inherit);font-weight:var(--fold-text-font-weight,inherit);letter-spacing:-.04em;white-space:pre-wrap;-webkit-user-select:text;user-select:text;line-height:.95;display:inline-block}.fold-text-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fold-text-visual{display:inline}.fold-text-line{display:block}.fold-text-whitespace{display:inline}.fold-text-segment{line-height:inherit;perspective:var(--fold-perspective,700px);transform-style:preserve-3d;vertical-align:baseline;display:inline-block}.fold-text-segment[data-fold-split=line]{display:block}.fold-text-piece{color:inherit;line-height:inherit;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;display:inline-block;position:relative}.fold-text-piece:after{content:"";pointer-events:none;opacity:var(--fold-crease,0);mix-blend-mode:multiply;border-radius:.08em;position:absolute;inset:-.08em -.02em}.fold-text-piece[data-fold-hinge=top]:after{background:linear-gradient(#00000094 0%,#00000038 42%,#ffffff42 100%)}.fold-text-piece[data-fold-hinge=bottom]:after{background:linear-gradient(#ffffff42 0%,#00000038 58%,#00000094 100%)}.fold-text-piece[data-fold-hinge=left]:after{background:linear-gradient(90deg,#00000094 0%,#00000038 42%,#ffffff42 100%)}.fold-text-piece[data-fold-hinge=right]:after{background:linear-gradient(270deg,#00000094 0%,#00000038 42%,#ffffff42 100%)}@media (prefers-reduced-motion:reduce){.fold-text-piece{transform:none!important}.fold-text-piece:after{opacity:0!important}}.loading-screen{--loading-blue:#1d3fd6;z-index:200;transition:opacity var(--loading-exit,.36s) ease, visibility var(--loading-exit,.36s) linear;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.loading-screen--leaving{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__text{--fold-text-color:var(--loading-blue);--fold-text-font-size:clamp(34px, 8vw, 62px);--fold-text-font-weight:800;--fold-perspective:760px}.app{flex-direction:column;flex:1;display:flex;position:relative}.app__main{z-index:1;flex:1;position:relative}.footer{z-index:1;position:relative}.section{width:min(1240px,92%);scroll-margin-top:calc(var(--nav-h) + 14px);margin:0 auto;padding:92px 0 30px}.bg-decor{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-decor__grid{background-image:radial-gradient(var(--dot-color) 1px, transparent 1.1px);background-size:var(--dot-gap) var(--dot-gap);opacity:var(--dot-opacity);position:absolute;inset:0}.bg-decor__glow{filter:blur(90px);opacity:calc(.62 + var(--scroll-progress,0) * .38);border-radius:50%;transition:opacity .9s linear;animation:19s ease-in-out infinite breathe;position:absolute}.bg-decor__glow--coral{background:radial-gradient(circle at 50% 50%, var(--ambient-coral), transparent 68%);width:62vw;min-width:620px;height:62vw;min-height:620px;top:-20vw;right:-16vw}.bg-decor__glow--blue{background:radial-gradient(circle at 50% 50%, var(--ambient-blue), transparent 68%);width:54vw;min-width:520px;height:54vw;min-height:520px;animation-delay:-6.5s;top:42vh;left:-18vw}.bg-decor__glow--gold{background:radial-gradient(circle at 50% 50%, var(--ambient-gold), transparent 70%);width:46vw;min-width:440px;height:46vw;min-height:440px;animation-delay:-12s;bottom:-16vw;left:24vw}@keyframes breathe{0%,to{transform:scale(1)translate(0,0)}50%{transform:scale(1.08)translateY(-1.6%)}}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s;display:inline-flex}.btn--lg{padding:14px 30px;font-size:16px}.btn--block{width:100%}.btn--primary{color:var(--text-on-accent);border:1px solid var(--border-on-accent);background:var(--grad-primary);box-shadow:var(--glow-primary)}.btn--primary:hover{box-shadow:var(--glow-primary-hover);translate:0 -2px}.btn--primary:active{translate:0}.btn--ghost{color:var(--text-main);border:1px solid var(--border-subtle);background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px #00000008}.btn--ghost:hover{background:var(--surface-veil-strong);border-color:var(--border-strong);translate:0 -2px}.btn--gold{color:var(--text-on-gold);border:1px solid var(--accent-secondary-strong);background:var(--grad-gold);box-shadow:0 8px 20px -10px var(--accent-secondary-glow)}.btn--gold:hover{box-shadow:0 14px 26px -10px var(--accent-secondary-strong);translate:0 -2px}.btn--gold:active{translate:0}.btn__badge{font-variant-numeric:tabular-nums;color:var(--accent-primary);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.btn,.vote-btn,.menu-btn,.toolbar__clear,.toast__close,.dropdown__link{--jelly-tint:var(--ink-strong);isolation:isolate;transform-origin:50%;transition:scale .52s cubic-bezier(.2,1.5,.36,1),translate .22s,background-color .2s,color .2s,border-color .2s,box-shadow .22s,opacity .2s;position:relative}.btn:before,.vote-btn:before,.menu-btn:before,.toolbar__clear:before,.toast__close:before,.dropdown__link:before{content:"";z-index:-1;border-radius:inherit;background:var(--jelly-tint);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.btn--primary,.btn--gold,.vote-btn{--jelly-tint:#fff}@media (hover:hover) and (pointer:fine){.btn:hover:before,.vote-btn:not(:disabled):hover:before,.menu-btn:hover:before,.toolbar__clear:hover:before,.toast__close:hover:before,.dropdown__link:hover:before{opacity:.11}}.btn:active,.vote-btn:not(:disabled):active,.menu-btn:active,.toolbar__clear:active,.toast__close:active,.dropdown__link:active{transition-duration:90ms,.22s,.2s,.2s,.2s,.22s,.2s;scale:.94 .9}.btn:focus-visible,.vote-btn:focus-visible{border-radius:999px}.menu-btn:focus-visible,.dropdown__link:focus-visible{border-radius:14px}.toolbar__clear:focus-visible{border-radius:8px}.toast__close:focus-visible{border-radius:10px}.jelly-radio__skin{border:1px solid var(--border-subtle)}.jelly-radio__chip[data-on=true] .jelly-radio__skin{border-color:#0000}@media (prefers-reduced-motion:reduce){.btn:active,.vote-btn:not(:disabled):active,.menu-btn:active,.toolbar__clear:active,.toast__close:active,.dropdown__link:active{scale:none}}.section__head{text-align:center;margin-bottom:30px}.section__eyebrow{letter-spacing:2px;color:var(--accent-secondary);background:var(--accent-secondary-soft);border:1px solid var(--accent-secondary-glow);border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-block}.section__title{letter-spacing:-.02em;color:var(--text-main);font-size:clamp(26px,4vw,38px);font-weight:900}.section__sub{color:var(--text-secondary);margin-top:10px;font-size:15px;line-height:1.7}.navbar{height:var(--nav-h);z-index:60;background:var(--bg-scrim);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);position:fixed;inset:0 0 auto}.navbar__inner{justify-content:space-between;align-items:center;gap:16px;width:min(1240px,92%);height:100%;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:12px;min-width:0;display:flex}.navbar__logo{width:42px;height:42px;color:var(--text-main);background:var(--grad-primary-soft);border:1px solid var(--border-strong);box-shadow:0 0 22px var(--accent-primary-glow), inset 0 0 12px var(--surface-veil);border-radius:14px;flex:none;place-items:center;display:grid}.navbar__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.navbar__title{letter-spacing:-.01em;color:var(--text-main);font-size:18px;font-weight:800}.navbar__subtitle{letter-spacing:1px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.navbar__menu{position:relative}.menu-btn{background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.menu-btn:hover{background:var(--surface-veil-strong)}.menu-btn__box{width:20px;height:14px;display:block;position:relative}.menu-btn__line{background:var(--text-main);border-radius:2px;width:20px;height:2px;transition:top .3s,opacity .2s,transform .3s;position:absolute;left:0}.menu-btn__line--1{top:0}.menu-btn__line--2{top:6px}.menu-btn__line--3{top:12px}.menu-btn--open .menu-btn__line--1{top:6px;transform:rotate(45deg)}.menu-btn--open .menu-btn__line--2{opacity:0}.menu-btn--open .menu-btn__line--3{top:6px;transform:rotate(-45deg)}.dropdown{background:var(--bg-overlay);border:1px solid var(--border-subtle);width:min(320px,100vw - 32px);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);transform-origin:100% 0;border-radius:20px;padding:10px;animation:.24s cubic-bezier(.2,.9,.3,1) dropIn;position:absolute;top:calc(100% + 12px);right:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}.dropdown__link{border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.dropdown__link+.dropdown__link{margin-top:2px}.dropdown__link:hover{background:var(--surface-veil-strong)}.dropdown__divider{background:var(--border-subtle);height:1px;margin:8px 6px;display:block}.dropdown__link--action{text-align:left;width:100%}.dropdown__meta{flex-direction:column;line-height:1.35;display:flex}.dropdown__meta strong{color:var(--text-main);font-size:15px}.dropdown__meta small{color:var(--text-muted);font-size:12px}.hero{text-align:center;min-height:100svh;padding:calc(var(--nav-h) + 54px) 20px 80px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:1;width:min(980px,100%);opacity:calc(1 - var(--hero-progress,0) * .9);transform:translateY(calc(var(--hero-progress,0) * 34px));will-change:opacity, transform;flex-direction:column;align-items:center;gap:20px;animation:.8s backwards riseIn;display:flex;position:relative}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero__eyebrow{letter-spacing:2px;color:var(--accent-secondary);background:var(--surface-veil);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:12.5px;font-weight:800;display:inline-flex}.hero__title{margin:0}.hero__title-main{letter-spacing:-.02em;font-size:clamp(38px,7vw,76px);font-weight:900;line-height:1.12;display:block}.hero__title-sub{letter-spacing:3px;color:var(--text-secondary);margin-top:12px;font-size:clamp(15px,2.4vw,21px);font-weight:700;line-height:1.7;display:block}.grad-text{color:var(--text-main);letter-spacing:-.02em}.hero__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.hero__scroll-hint{letter-spacing:2px;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(180deg, transparent, var(--accent-primary));width:1px;height:30px;animation:1.6s ease-in-out infinite scrollDrop}@keyframes scrollDrop{0%{transform-origin:top;transform:scaleY(0)}55%{transform-origin:top;transform:scaleY(1)}56%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.board-sync{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:26px 0 0;display:flex}.board-sync__hint{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:12.5px;line-height:1.5;display:inline-flex}.board-sync__dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-green-soft);border-radius:50%;flex:none}.board-sync__dot.is-pulsing{animation:1.1s ease-in-out infinite boardSyncPulse}@keyframes boardSyncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.board-sync__btn{letter-spacing:.01em;height:34px;color:var(--accent-primary);background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:999px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:0 13px;font-size:12.5px;font-weight:700;transition:color .18s,background-color .18s,border-color .18s,opacity .18s,translate .18s,scale .16s;display:inline-flex}.board-sync__btn:hover:not(:disabled){color:var(--accent-primary-hover);background:var(--bg-card-hover);border-color:var(--accent-primary-strong);translate:0 -1px}.board-sync__btn:active:not(:disabled){translate:0;scale:.97}.board-sync__btn:focus-visible{border-radius:999px}.board-sync__btn:disabled{cursor:wait;opacity:.7}.board-sync__icon{font-size:14px;line-height:1;display:inline-block}.board-sync__btn.is-loading .board-sync__icon{animation:.75s linear infinite boardSyncSpin}@keyframes boardSyncSpin{to{transform:rotate(360deg)}}.board-sync+.toolbar{margin-top:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 24px;display:flex}.toolbar__search{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:220px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:14px;flex:260px;align-items:center;padding:0 8px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.toolbar__search:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.toolbar__search-icon{opacity:.7;font-size:15px}.toolbar__search input{min-width:0;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:12px 10px}.toolbar__search input::placeholder{color:var(--text-muted)}.toolbar__clear{width:26px;height:26px;color:var(--text-muted);border-radius:8px;flex:none;font-size:18px;line-height:1}.toolbar__clear:hover{background:var(--surface-veil-strong);color:var(--text-main)}.toolbar__sort{border:1px solid var(--border-subtle);background:var(--bg-card-hover);border-radius:14px;align-items:center;gap:6px;height:46px;padding:0 14px;display:inline-flex}.toolbar__sort select{cursor:pointer;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13.5px;font-weight:700}.toolbar__sort select option{background:var(--bg-surface);color:var(--text-main)}.song-grid{grid-template-columns:minmax(0,1fr);gap:10px;transition:opacity .3s,filter .3s;display:grid}.song-grid--syncing{opacity:.55;filter:saturate(.82);pointer-events:none}.empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-veil);flex-direction:column;align-items:center;gap:12px;padding:72px 20px;display:flex}.empty__icon{font-size:46px}.empty h3{color:var(--text-main);font-size:20px}.empty p{color:var(--text-muted);font-size:14px}.song-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0s), transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0s), translate .3s ease, border-color .3s ease, box-shadow .3s ease;flex-direction:row;align-items:center;gap:14px;padding:12px 16px;display:flex;position:relative}.song-card,.song-card *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.song-card[data-revealed],.song-card.is-revealed{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.song-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-card-hover);translate:0 -2px}.song-card:hover .song-card__rank:not(.song-card__rank--podium){opacity:.4}.song-card:hover .song-card__rank--podium{filter:drop-shadow(0 0 13px #d4af378c)}}.song-card__rank{width:40px;font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--accent-secondary);opacity:.24;text-shadow:0 0 18px var(--accent-secondary-glow);pointer-events:none;flex:none;justify-content:center;align-self:stretch;align-items:center;font-size:29px;font-weight:700;line-height:1;transition:opacity .3s;display:flex}.song-card__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.song-card__rank--podium{opacity:1;color:#b8860b;text-shadow:none;filter:drop-shadow(0 0 9px #d4af3759);font-size:31px;font-weight:800;transition:filter .3s}@supports ((-webkit-background-clip:text) or (background-clip:text)){.song-card__rank--podium{background:linear-gradient(140deg,#7a4f0b 0%,#b8860b 22%,#f5d97a 46%,#fff3c4 52%,#d4af37 64%,#8c5b0d 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}.song-card__plus{z-index:6;white-space:nowrap;color:var(--accent-secondary);background:var(--bg-scrim);border:1px solid var(--accent-secondary-strong);box-shadow:0 0 18px var(--accent-secondary-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:900;animation:.95s forwards plusFloat;position:absolute;bottom:calc(100% - 2px);right:0}@keyframes plusFloat{0%{opacity:0;transform:translateY(6px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(1)}}.song-card__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-card__title{letter-spacing:.3px;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:800;overflow:hidden}.song-card__artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.song-card__votes{font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:baseline;gap:5px;min-width:96px;display:inline-flex;position:relative}.song-card__flame{filter:drop-shadow(0 0 8px var(--accent-primary-glow));font-size:13px}.song-card__votes strong{font-variant-numeric:tabular-nums;color:var(--accent-secondary);text-shadow:0 0 20px var(--accent-secondary-glow);font-size:19px;font-weight:900;line-height:1}.song-card__votes em{color:var(--text-muted);font-size:11.5px;font-style:normal}.vote-btn{color:var(--text-on-accent);background:var(--grad-primary);border:1px solid var(--border-on-accent);box-shadow:var(--glow-primary);border-radius:999px;flex:none;padding:11px 18px;font-size:14px;font-weight:800}.vote-btn:hover:not(:disabled){box-shadow:var(--glow-primary-hover);translate:0 -2px;scale:1.03}.vote-btn.is-voted{color:var(--accent-green);background:var(--surface-veil-strong);border:1px solid var(--accent-green-strong);box-shadow:none;cursor:not-allowed}@media (width<=520px){.song-card{gap:10px;padding:10px 12px}.song-card__title{font-size:15px}.song-card__artist{font-size:12px}.song-card__rank{width:32px;font-size:24px}.song-card__rank--podium{opacity:1;font-size:26px}.song-card__votes{min-width:72px}.song-card__votes strong{font-size:17px}.vote-btn{padding:8px 12px;font-size:12.5px}}.hold-button.vote-hold{--hb-shadow:var(--glow-primary), inset 0 1px 0 #ffffff2e;--hb-glow:inset 0 1px 0 #ffffff59, 0 10px 32px -6px var(--accent-primary-strong);flex:none;font-size:14px;font-weight:800;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}.hold-button.vote-hold:focus-visible{border-radius:var(--hb-radius);outline-color:var(--accent-blue)}@keyframes voteHoldPulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-primary) 55%, transparent)}to{opacity:0;box-shadow:0 0 0 14px color-mix(in srgb, var(--accent-primary) 0%, transparent)}}.hold-button.vote-hold[data-glow=true][data-phase=done] .hold-button__pulse{animation:voteHoldPulse .6s var(--hb-ease-out) forwards}.hold-button.vote-hold--spent{--hb-shadow:none}.hold-button.vote-hold--spent:disabled{opacity:1;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-subtle)}@media (hover:hover) and (pointer:fine){.hold-button.vote-hold:not(:disabled):not([data-phase=holding]):not([data-phase=done]):hover{box-shadow:var(--glow-primary-hover);translate:0 -2px}}@media (width<=520px){.hold-button.vote-hold{height:38px;padding:0 14px;font-size:12.5px}}.submit__card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);box-shadow:var(--shadow-card);padding:36px;display:block;position:relative}.submit__form{flex-direction:column;gap:16px;width:100%;max-width:680px;margin-inline:auto;display:flex}.hold-button.submit-hold{--hb-shadow:var(--glow-primary), inset 0 1px 0 #ffffff2e;--hb-glow:inset 0 1px 0 #ffffff59, 0 10px 32px -6px var(--accent-primary-strong);width:100%;font-size:16px;font-weight:800}.hold-button.submit-hold:focus-visible{border-radius:var(--hb-radius);outline-color:var(--accent-blue)}.hold-button.submit-hold[data-glow=true][data-phase=done] .hold-button__pulse{animation:voteHoldPulse .6s var(--hb-ease-out) forwards}@media (hover:hover) and (pointer:fine){.hold-button.submit-hold:not(:disabled):not([data-phase=holding]):not([data-phase=done]):hover{box-shadow:var(--glow-primary-hover);translate:0 -2px}}.submit__votes{z-index:1;border-radius:var(--radius);text-align:right;background:var(--surface-veil-strong);border:1px solid var(--accent-secondary-strong);box-shadow:0 10px 24px -16px var(--accent-secondary-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-end;gap:4px;padding:12px 15px 13px;display:flex;position:absolute;top:20px;right:22px}.submit__votes-label{letter-spacing:.02em;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:800;line-height:1.3}.submit__votes-num{color:var(--text-muted);align-items:baseline;gap:3px;font-size:12px;font-weight:700;display:flex}.submit__votes-num strong{font-variant-numeric:tabular-nums;color:var(--accent-secondary);font-size:27px;font-weight:900;line-height:1.05}.submit__votes-meta{color:var(--text-muted);font-size:11.5px;font-weight:600}.submit__votes-btn{margin-top:9px;padding:7px 13px;font-size:12.5px}.submit__votes.is-empty{border-color:var(--accent-primary-strong);box-shadow:0 10px 24px -16px var(--accent-primary-glow)}.submit__votes.is-empty .submit__votes-num strong{color:var(--accent-primary-hover)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:700}.field input{border:1px solid var(--border-subtle);background:var(--bg-inset);width:100%;color:var(--text-main);border-radius:12px;outline:none;margin-bottom:24px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.form__error{color:var(--accent-primary-hover);background:var(--accent-primary-soft);border:1px solid var(--accent-primary-strong);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.passcode{border-radius:var(--radius);background:var(--bg-inset);border:1px solid var(--border-subtle);flex-direction:column;gap:14px;padding:18px 20px;transition:border-color .25s,box-shadow .25s;display:flex}.passcode.is-error{border-color:var(--accent-primary-strong);box-shadow:0 0 0 3px var(--accent-primary-soft)}.passcode.is-success{border-color:var(--accent-green-strong);box-shadow:0 0 0 3px var(--accent-green-soft)}.passcode__head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.passcode__label{color:var(--text-secondary);font-size:13px;font-weight:700}.passcode__status{color:var(--text-muted);font-size:13px;font-weight:600;line-height:1.7}.passcode__status.is-checking{color:var(--accent-blue)}.passcode__status.is-verified{color:var(--accent-green)}.passcode__status.is-error{color:var(--accent-primary-hover)}@media (width<=460px){.passcode{padding:14px}}.albums__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;display:grid}.albums .flip-card{aspect-ratio:1;width:100%;height:auto}.album-card .flip-card__face{border:1px solid var(--border-subtle)}.album-card__front{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:18px 15px;display:flex}.album-card__index{font-family:var(--font-display);letter-spacing:.3em;color:var(--accent-secondary);font-size:12px}.album-card__title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-main);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:18px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.album-card__rule{background:linear-gradient(90deg, transparent, var(--accent-secondary), transparent);width:44px;height:1px}.album-card__hint{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.album-card__back{height:100%;margin:0}.album-card__back img{object-fit:cover;object-position:center;width:100%;height:100%}@media (width<=640px){.albums__grid{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:14px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.albums__grid::-webkit-scrollbar{width:0;height:0;display:none}.albums__grid>.flip-card{scroll-snap-align:center;flex:0 0 clamp(150px,46vw,196px);width:auto}.albums .flip-card{touch-action:auto;touch-action:pan-x pan-y}.album-card__front{gap:10px;padding:14px 10px}.album-card__title{font-size:15px}.album-card__hint{letter-spacing:.16em}}.footer{background:var(--bg-overlay);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-top:110px}.footer__bar{text-align:center;color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:18px 0;font-size:12.5px;display:flex}.footer__bar p{margin:0}.footer__support{color:var(--accent-primary);background:var(--accent-primary-soft);border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 10px;font-size:12.5px;font-weight:700;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.footer__support:hover{background:var(--accent-primary-soft);border-color:var(--accent-primary-strong)}.footer__support:focus-visible{border-radius:999px}.toast-stack{z-index:120;pointer-events:none;flex-direction:column;gap:10px;width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-overlay);border:1px solid var(--border-subtle);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;animation:.3s both toastIn;display:flex}.toast--success{border-color:var(--accent-green-strong)}.toast--info{border-color:var(--accent-blue-strong)}.toast--warn{border-color:var(--accent-secondary-strong)}.toast__icon{flex:none;margin-top:1px;font-size:20px}.toast__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.toast__text{color:var(--text-main);font-size:14px;font-weight:600;line-height:1.55}.toast__action{text-align:left;background:0 0;border:none;flex-wrap:wrap;align-self:flex-start;align-items:baseline;gap:2px 4px;padding:0;font-size:12.5px;line-height:1.5;display:inline-flex}.toast__action-lead{color:var(--text-muted);font-weight:600}.toast__action-link{color:var(--accent-primary);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent-primary-strong);text-decoration-color:var(--accent-primary-strong);font-weight:800;transition:color .18s}.toast__action:hover .toast__action-link{color:var(--accent-primary-hover)}.toast__close{color:var(--text-muted);border-radius:10px;flex:none;margin-top:-2px;padding:0 6px;font-size:20px;line-height:1}.toast__close:hover{color:var(--text-main)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.redeem{z-index:130;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.redeem__backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.24s both redeemFade;position:absolute;inset:0}.redeem__card{z-index:1;border-radius:var(--radius-lg);background:var(--bg-overlay);border:1px solid var(--border-subtle);width:min(460px,100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);box-shadow:var(--shadow-float);flex-direction:column;gap:18px;padding:30px 28px 24px;animation:.3s cubic-bezier(.22,.75,.28,1) both toastIn;display:flex;position:relative}.redeem__close{width:34px;height:34px;color:var(--text-muted);background:var(--bg-wash);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;font-size:14px;font-weight:800;line-height:1;transition:color .2s,background-color .2s;display:grid;position:absolute;top:14px;right:14px}.redeem__close:hover{color:var(--text-main);background:var(--surface-veil-strong)}.redeem__head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.redeem__icon{background:var(--grad-gold);border:1px solid var(--accent-secondary-strong);width:52px;height:52px;box-shadow:0 0 22px var(--accent-secondary-glow);border-radius:16px;place-items:center;font-size:26px;display:grid}.redeem__title{color:var(--text-main);font-size:20px}.redeem__sub{color:var(--text-secondary);font-size:13px;line-height:1.7}.redeem .passcode{text-align:center;align-items:center}.redeem__contact{text-align:center;color:var(--text-secondary);font-size:12.5px;line-height:1.75}.redeem__foot{text-align:center;color:var(--text-muted);font-size:12px;line-height:1.7}@keyframes redeemFade{0%{opacity:0}to{opacity:1}}@media (width<=620px){.redeem .code-slots{--cs-size:34px!important;--cs-height:42px!important;--cs-gap:6px!important;--cs-font:17px!important}}@media (width<=430px){.redeem{padding:16px}.redeem__card{padding:24px 18px 20px}.redeem .code-slots{--cs-size:30px!important;--cs-height:38px!important;--cs-gap:5px!important;--cs-font:15px!important;--cs-radius:9px!important}}.author{z-index:130;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.author__backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.24s both redeemFade;position:absolute;inset:0}.author__card{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--border-strong);width:min(660px,100%);max-height:min(86svh,800px);box-shadow:var(--shadow-float);background:linear-gradient(168deg,#fff 0%,#fdfbf8 46%,#f7f3ec 100%);flex-direction:column;padding:32px 38px 24px;animation:.32s cubic-bezier(.22,.75,.28,1) both toastIn;display:flex;position:relative;overflow:hidden}.author__card:before{content:"";border:1px solid var(--border-subtle);border-radius:calc(var(--radius-lg) - 8px);pointer-events:none;position:absolute;inset:9px}.author__card:after{content:"”";font-family:var(--font-display);color:var(--watermark);pointer-events:none;font-size:96px;line-height:1;position:absolute;top:-12px;right:52px}.author__close{z-index:2;width:34px;height:34px;color:var(--text-muted);background:var(--bg-wash);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;font-size:14px;font-weight:800;line-height:1;transition:color .2s,background-color .2s;display:grid;position:absolute;top:15px;right:15px}.author__close:hover{color:var(--text-main);background:var(--surface-veil-strong)}.author__close:focus-visible{border-radius:50%}.author__head{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:4px 0 18px;display:flex}.author__eyebrow{font-family:var(--font-display);letter-spacing:.32em;text-indent:.32em;color:var(--accent-secondary);font-size:11px;font-weight:700}.author__title{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-main);font-size:clamp(23px,3.4vw,31px);font-weight:700;line-height:1.3}.author__rule{background:linear-gradient(90deg, transparent, var(--accent-secondary), transparent);width:min(220px,56%);height:1px}.author__meta{letter-spacing:.18em;color:var(--text-muted);font-size:11.5px}.author__letter{min-height:0;font-family:var(--font-display);letter-spacing:.015em;text-align:justify;color:var(--text-secondary);overscroll-behavior:contain;flex:1;padding:20px 8px 8px;font-size:15.5px;line-height:2.05;position:relative;overflow-y:auto}.author__letter p+p{text-indent:2em;margin-top:14px}.author__letter p:first-child{color:var(--text-main);font-size:16.5px}.author__letter p:first-child:first-letter{float:left;color:var(--accent-primary);margin:6px 10px 0 0;font-size:52px;font-weight:700;line-height:.86}.author__letter::-webkit-scrollbar{width:6px}.author__letter::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.author__letter:focus-visible{outline-offset:-6px;border-radius:12px}.author__sign{font-family:var(--font-display);flex-direction:column;align-items:flex-end;gap:3px;padding:18px 6px 0;display:flex}.author__sign-name{letter-spacing:.1em;color:var(--text-main);font-size:19px;font-weight:700}.author__sign-tip{letter-spacing:.08em;color:var(--text-muted);font-size:11.5px}@media (width<=1240px){.submit__votes{text-align:left;flex-flow:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;line-height:1.45;position:static}.submit__votes-num strong{font-size:20px}.submit__votes-btn{margin-top:0;margin-left:auto}}@media (width<=980px){.submit__card{padding:28px}}@media (width<=620px){.section{padding-top:64px}.board-sync{gap:8px 12px;margin-top:22px}.board-sync__hint{flex:100%;font-size:12px}.board-sync__btn{height:32px;padding:0 11px}.form-row{grid-template-columns:1fr}.navbar__title{font-size:16px}.navbar__subtitle{display:none}.hero{padding-top:calc(var(--nav-h) + 34px)}.btn--lg{padding:13px 22px;font-size:15px}.author{padding:14px}.author__card{max-height:88svh;padding:26px 20px 20px}.author__letter{font-size:15px;line-height:1.95}.author__letter p:first-child:first-letter{font-size:44px}.author__card:after{font-size:84px;right:34px}.submit__card{padding:22px 18px}.submit__votes{margin-bottom:14px;padding:10px 12px}}@media (width<=768px){.section{width:100%;padding-left:16px;padding-right:16px}.hero{padding-left:16px;padding-right:16px}.navbar__inner{width:calc(100% - 32px)}.form-row{grid-template-columns:1fr}.submit__votes{top:calc(var(--nav-h) + 12px);z-index:5;background:var(--bg-overlay);box-shadow:0 12px 26px -18px var(--accent-secondary-glow);gap:6px 14px;position:sticky;right:auto}.field input{scroll-margin-top:calc(var(--nav-h) + 104px)}.footer__bar{padding-left:16px;padding-right:16px}}@media (width<=400px){.song-card{gap:8px;padding:10px}.song-card__title{font-size:14.5px}.song-card__rank{opacity:.3;width:26px;font-size:20px}.song-card__rank--podium{opacity:1;width:28px;font-size:23px}.song-card__votes{min-width:56px}.hold-button.vote-hold{padding:0 12px}}.footer__bar{padding-bottom:calc(18px + env(safe-area-inset-bottom,16px))}.toast-stack{bottom:calc(26px + env(safe-area-inset-bottom,16px))}.hero__scroll-hint{bottom:calc(22px + env(safe-area-inset-bottom,16px))}.redeem,.author{padding-bottom:calc(24px + env(safe-area-inset-bottom,16px))}@media (width<=430px){.redeem,.author{padding-bottom:calc(16px + env(safe-area-inset-bottom,16px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}