@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-fun:"Fredoka Variable", "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg:#f4f8fc;--surface:#fff;--surface-2:#edf3f9;--card:#ffffffe0;--text:#182532;--muted:#5b6b7a;--border:#d6e2ed;--pine:#11603f;--pine-soft:#e2f1e8;--pine-deep:#0c3b29;--cta-bg:#c8243b;--cta-shadow:#8f1527;--berry:#c8243b;--gold:#f2b01e;--gold-soft:#fff3cf;--gold-ink:#8a5a00;--snowflake:#8fb2cc;--danger:#b4232c;--warn-bg:#fff1d6;--warn-text:#7a4b00;--topbar-bg:#fff;--topbar-text:#182532;--topbar-h:58px;--radius:18px;--shadow-s:0 1px 2px #1e3c6412, 0 2px 8px #1e3c640f;--shadow:0 2px 4px #1e3c6414, 0 12px 28px #1e3c641f;--halo:0 0 2px #fff, 0 0 8px #fff, 0 0 16px #fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}.winter{z-index:-1;pointer-events:none;background:linear-gradient(#dce8f4,#ebf2f9 40%,#f9fbfe 75%,#fff);position:fixed;inset:0;overflow:hidden}.snowman{aspect-ratio:3/5;width:auto;height:min(86vh,960px);position:absolute;bottom:1vh;left:clamp(-40px,3vw,80px)}.drifts{width:100%;height:clamp(60px,11vh,140px);position:absolute;bottom:0;left:0}.flake-defs{position:absolute}.flakes{position:absolute;inset:0}.flake{top:0;left:var(--x);width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);opacity:var(--o);animation:flake-fall var(--fall) linear var(--delay) infinite;position:absolute}.flake svg{width:100%;height:100%;animation:flake-sway var(--sway-time) ease-in-out var(--delay) infinite alternate;display:block}@keyframes flake-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flake-sway{0%{transform:translateX(calc(var(--sway) * -1)) rotate(calc(var(--spin) * -.5))}to{transform:translateX(var(--sway)) rotate(calc(var(--spin) * .5))}}@media (width<=600px){.snowman{height:min(66vh,150vw);left:-8vw}.flake{width:calc(var(--size) * .7);height:calc(var(--size) * .7);margin-left:calc(var(--size) * -.35)}.flake:nth-child(n+15){display:none}}main,.footer,.center{text-shadow:var(--halo)}:is(.card,.panel,.song,.auth-card,.countdown,button,.button,input,select,textarea,.chip,.tag,code,.toast){text-shadow:none}h1,h2,h3{font-family:var(--font-fun);margin:0;font-weight:600;line-height:1.15}h1{font-size:1.9rem}h2{font-size:1.2rem}p{margin:0}a{color:var(--pine)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.container.wide{max-width:1480px}main.container{padding-top:30px;padding-bottom:32px}.narrow{max-width:760px}.row{align-items:center;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap{gap:16px}.gap-s{gap:8px}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:16px;display:flex}.stack-s{flex-direction:column;gap:8px;display:flex}.center{text-align:center;padding:48px 16px}.muted{color:var(--muted)}.small{font-size:.87rem}.lead{font-size:1.05rem}.error{color:var(--danger)}.warn-text{color:var(--warn-text)}.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=560px){.grid-2,.grid-3{grid-template-columns:1fr}}button,.button{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-size:.93rem;font-weight:500;text-decoration:none;transition:transform .12s,border-color .12s,background-color .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--pine)}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:var(--cta-bg);border-color:var(--cta-bg);color:#fff;box-shadow:0 2px 0 var(--cta-shadow);font-weight:600}button.primary:hover:not(:disabled),.button.primary:hover{border-color:var(--cta-bg);filter:brightness(1.07)}button.danger{border-color:var(--danger);color:var(--danger)}button.big,.button.big{justify-content:center;padding:10px 20px;font-size:1rem}button.link{color:var(--pine);background:0 0;border:none;padding:4px 6px}button.link:hover{text-decoration:underline}button[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:var(--surface);font-weight:600}label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;display:flex}label.inline{flex-direction:row;align-items:center;gap:6px;font-weight:400}.radio-group{flex-direction:column;gap:6px;display:flex}.radio-group .label{font-size:.9rem;font-weight:500}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;min-width:0;padding:8px 11px;font-size:.95rem}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--pine)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2.5px solid var(--pine);outline-offset:2px}fieldset{margin:0}legend{font-family:var(--font-fun);padding:0 6px;font-weight:600}.hint{color:var(--muted);font-size:.87rem}.hint-ok{color:var(--pine)}.hint-error{color:var(--danger)}.segmented{display:inline-flex}.segmented button{border-radius:0;padding:5px 12px;font-size:.88rem}.segmented button:first-child{border-radius:999px 0 0 999px}.segmented button:last-child{border-radius:0 999px 999px 0;margin-left:-1.5px}.count{background:var(--surface-2);color:var(--text);border-radius:999px;margin-left:2px;padding:0 7px;font-size:.78rem}button[aria-pressed=true] .count{color:inherit;background:#ffffff40}.chip{background:var(--surface-2);border-radius:999px;padding:3px 11px;font-size:.84rem}.chip-warn{background:var(--warn-bg);color:var(--warn-text)}.tag{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600}.tag-warn{background:var(--warn-bg);color:var(--warn-text)}.topbar{z-index:30;min-height:var(--topbar-h);background:var(--topbar-bg);color:var(--topbar-text);position:sticky;top:0;box-shadow:0 2px 14px #1e3c641f}.topbar-row{min-height:var(--topbar-h);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;display:flex}.brand{font-family:var(--font-fun);color:var(--topbar-text);align-items:center;gap:6px;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-accent{color:var(--berry)}.brand-tree{transform-origin:50% 100%;animation:4s ease-in-out infinite sway;display:inline-block}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.topbar input{padding:5px 10px}.lights{pointer-events:none;border-top:2px solid #2d4a3a;justify-content:space-around;height:18px;display:flex;position:absolute;bottom:-15px;left:0;right:0;overflow:hidden}.bulb{background:#ff4057;border-radius:50%/40% 40% 60% 60%;width:9px;height:13px;margin-top:2px;animation:2.6s ease-in-out infinite twinkle;position:relative;box-shadow:0 0 8px 1px #ff4057}.bulb:before{content:"";background:#1f3a2c;border-radius:1px;width:5px;height:4px;position:absolute;top:-3px;left:2px}.bulb:nth-child(2n){margin-top:4px}.bulb:nth-child(4n+2){background:#fc3;animation-delay:-.7s;box-shadow:0 0 8px 1px #fc3}.bulb:nth-child(4n+3){background:#3ddc84;animation-duration:3.1s;animation-delay:-1.5s;box-shadow:0 0 8px 1px #3ddc84}.bulb:nth-child(4n){background:#4cc3ff;animation-duration:2.2s;animation-delay:-2.1s;box-shadow:0 0 8px 1px #4cc3ff}.bulb:nth-child(3n){animation-delay:-1.1s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}@media (width<=720px){.bulb:nth-child(n+21){display:none}}.footer{border-top:1.5px dashed var(--border);padding:24px 16px 40px}.card,.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s)}.card{padding:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cards .card{border-top:6px solid var(--cta-bg);transition:transform .15s,box-shadow .15s}.cards .card:nth-child(3n+2){border-top-color:var(--pine)}.cards .card:nth-child(3n){border-top-color:var(--gold)}.cards .card:hover{box-shadow:var(--shadow);transform:translateY(-3px)rotate(-.4deg)}.card-link{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.card-link:hover h2{color:var(--berry)}.card-edit{margin-top:12px;padding:4px 12px;font-size:.86rem}.plain-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.danger-zone{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.auth-card{background:var(--card);border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:16px;margin:10vh auto 0;padding:34px 26px 26px;display:flex;position:relative;overflow:hidden}.auth-card:before{content:"";background:repeating-linear-gradient(-45deg, var(--cta-bg) 0 10px, #fffdf8 10px 20px);height:10px;position:absolute;inset:0 0 auto}.code-input{letter-spacing:.3em;text-align:center;font-family:Menlo,Consolas,monospace;font-size:1.6rem}.pl{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:24px;display:grid}.pl-side{top:calc(var(--topbar-h) + 24px);height:calc(100vh - var(--topbar-h) - 40px);height:calc(100dvh - var(--topbar-h) - 40px);grid-template-rows:minmax(0,1fr) minmax(270px,1fr) minmax(0,1fr);gap:14px;min-height:560px;display:grid;position:sticky}.pl-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;margin-bottom:16px;display:flex}.pl-head>.button{flex:none;margin-top:6px}.pl-title{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:700}.pl-title:after{content:"";background:var(--cta-bg);width:132px;height:9px;margin-top:6px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='9' viewBox='0 0 22 9'%3E%3Cpath d='M0 4.5 Q5.5 0 11 4.5 T22 4.5' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='9' viewBox='0 0 22 9'%3E%3Cpath d='M0 4.5 Q5.5 0 11 4.5 T22 4.5' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") repeat-x}.pl-info,.pl-mine{flex-direction:column;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.countdown{color:#fff8ec;background:linear-gradient(135deg,#0c3b29,#17784f);border-radius:14px;flex:none;align-items:center;gap:12px;padding:9px 14px;display:flex;position:relative;overflow:hidden}.countdown:after{content:"❄";opacity:.13;font-size:76px;line-height:1;position:absolute;top:-22px;right:-4px}.countdown.is-before{background:linear-gradient(135deg,#8a5a00,#e0a100)}.countdown.is-closed{background:linear-gradient(135deg,#6d0f1f,#c8243b)}.countdown-icon{font-size:1.6rem;line-height:1}.countdown-big{font-family:var(--font-fun);font-size:1.15rem;font-weight:600;line-height:1.2}.countdown-small{opacity:.88;font-size:.84rem}.info-desc{white-space:pre-line;overflow-wrap:anywhere}.info-row,.info-actions{flex-wrap:wrap;gap:6px;display:flex}.info-actions>button,.info-actions>.button{padding:5px 12px;font-size:.86rem}.rules{color:var(--muted);font-size:.8rem}.rules b{color:var(--text);font-weight:600}.player{border:3px solid var(--pine-deep);background:var(--pine-deep);flex-direction:column;min-height:0;display:flex;overflow:hidden}.player-frame{background:#000;flex:auto;min-width:200px;min-height:200px}.player-frame iframe{border:0;width:100%;height:100%;display:block}.player-bar{color:#fff8ec;flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;padding:8px 12px;display:flex}.now-playing{flex-direction:column;flex:160px;min-width:0;font-size:.9rem;line-height:1.25;display:flex}.now-playing .muted{color:#fff8ecbf}.np-label{text-transform:uppercase;letter-spacing:.08em;color:#ffcf5a;font-size:.68rem}.np-title{font-family:var(--font-fun);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.player-controls{gap:6px;display:flex}.player-bar button:not(.primary){color:#fff8ec;background:#ffffff1a;border-color:#ffffff40;font-size:.86rem}.player-bar button.primary{font-size:.86rem}.np-label.is-notice{text-transform:none;letter-spacing:0;color:#ffd98a;font-size:.78rem}.mine-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mine-left b{font-family:var(--font-fun);color:var(--berry);font-size:1.4rem}.candy{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:none;height:12px;overflow:hidden}.candy span{border-radius:inherit;background:repeating-linear-gradient(-45deg, var(--cta-bg) 0 7px, #fffdf8 7px 14px);height:100%;transition:width .4s;display:block}.mine-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.mine-list li{background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:flex}.mine-star{color:var(--gold);flex:none;font-weight:700}.mine-star b{color:var(--gold-ink);margin-left:2px;font-size:.8rem}.mine-name{text-align:left;background:0 0;border:none;border-radius:4px;flex:1;align-items:baseline;gap:6px;min-width:0;padding:0;font-size:.9rem;display:flex;overflow:hidden}.mine-name .band{color:var(--pine);text-overflow:ellipsis;flex:none;max-width:45%;font-weight:600;overflow:hidden}.mine-name .track{text-overflow:ellipsis;overflow:hidden}.mine-name:hover:not(:disabled) .track{color:var(--berry)}.mine-name:disabled{opacity:1;cursor:default}.step{flex:none;justify-content:center;min-width:32px;height:30px;padding:0 8px;font-size:.85rem;font-weight:700}.pl-cta{text-align:center;background:radial-gradient(circle at 20% 20%, var(--gold-soft), transparent 60%), var(--card);justify-content:center;align-items:center}.cta-big{font-family:var(--font-fun);font-size:1.35rem;font-weight:600}.songs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.song{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-s);border-radius:16px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.song:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.song.medal-1{background:linear-gradient(90deg, var(--gold-soft), var(--card) 45%)}.song.is-playing{border-color:var(--cta-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta-bg) 22%, transparent), var(--shadow)}.song.is-playing:before{content:"";background:repeating-linear-gradient(-45deg, var(--cta-bg) 0 5px, #fffdf8 5px 10px);background-size:100% 28px;border-radius:16px 0 0 16px;width:8px;animation:1.2s linear infinite cane;position:absolute;top:-1px;bottom:-1px;left:-1px}@keyframes cane{to{background-position:0 28px}}.song-row{align-items:center;gap:12px;min-height:58px;padding:8px 12px 8px 14px;display:flex}.rank{width:34px;height:34px;font-family:var(--font-fun);background:var(--surface-2);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.98rem;font-weight:700;display:grid;position:relative}.rank-1,.rank-2,.rank-3{margin-top:4px;box-shadow:inset -3px -4px #0000001a}.rank-1:before,.rank-2:before,.rank-3:before{content:"";background:linear-gradient(#d9c58b,#9c8545);border-radius:2px 2px 1px 1px;width:11px;height:6px;margin-left:-5.5px;position:absolute;top:-5px;left:50%}.rank-1{color:#5a3b00;background:radial-gradient(circle at 32% 28%,#fff8d2 0 12%,#ffd23f 40%,#d99700)}.rank-2{color:#2e3a45;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#d9e0e7 40%,#8e9aa6)}.rank-3{color:#4a2209;background:radial-gradient(circle at 32% 28%,#ffe4cc 0 12%,#e99a62 40%,#a65a26)}.rank.is-gift{background:0 0;font-size:1.15rem}.rank.is-none{color:var(--snowflake);background:0 0;font-size:1.3rem}.rank.is-eq{background:var(--cta-bg);justify-content:center;align-items:flex-end;gap:2.5px;padding-bottom:9px;display:flex}.rank.is-eq i{transform-origin:bottom;background:#fff;border-radius:2px;width:4px;height:14px;animation:.9s ease-in-out infinite eq}.rank.is-eq i:nth-child(2){animation-delay:-.3s}.rank.is-eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.song-name{text-align:left;min-width:0;color:var(--text);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:auto;align-items:baseline;gap:10px;padding:4px 2px;font-size:1rem;display:flex}.song-name .band{text-overflow:ellipsis;max-width:42%;font-family:var(--font-fun);color:var(--pine);flex:none;font-size:1.04rem;font-weight:600;overflow:hidden}.song-name .track{text-overflow:ellipsis;min-width:0;overflow:hidden}button.song-name:hover .track{color:var(--berry)}button.song-name:hover .track:after{content:" ▶";font-size:.75em}.song-icons{flex:none;align-items:center;gap:8px;display:flex}.yt{width:27px;height:20px;transition:transform .15s;display:inline-flex}.yt svg{width:100%;height:100%}.yt:has(circle){width:22px;height:22px}.yt:hover{transform:scale(1.18)rotate(-4deg)}.cflag{width:30px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:inline-grid;position:relative}.cflag svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:27px;height:25px}.cflag:not(.has){opacity:.4}.song:hover .cflag,.cflag:focus-visible,.cflag[aria-expanded=true]{opacity:1}.cflag.has svg{fill:var(--pine);stroke:var(--pine)}.cflag-n{font-family:var(--font-fun);color:var(--surface);place-items:center;font-size:.74rem;font-weight:700;display:grid;position:absolute;inset:0 0 5px}button.cflag:hover{transform:scale(1.12)rotate(-6deg)}.cflag[aria-expanded=true] svg{fill:var(--cta-bg);stroke:var(--cta-bg)}.cflag[aria-expanded=true] .cflag-n{color:#fff}.score{flex-direction:column;flex:none;align-items:center;width:48px;line-height:1;display:flex}.score-num{font-family:var(--font-fun);font-size:1.35rem;font-weight:700;animation:.35s ease-out pop}.score small{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:2px;font-size:.6rem}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.star{border:2px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--muted);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.star-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:25px;height:25px}button.star:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--gold);color:var(--gold-ink);transform:scale(1.12)rotate(-10deg)}.star.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-ink)}.star.is-on .star-icon{fill:var(--gold);animation:.45s ease-out pop}.star[aria-disabled=true]{opacity:.4;cursor:not-allowed}.star.is-static{cursor:default;background:0 0;border-color:#0000}.star b{background:var(--cta-bg);color:#fff;min-width:18px;height:18px;font-family:var(--font-fun);border-radius:9px;place-items:center;padding:0 4px;font-size:.72rem;display:grid;position:absolute;bottom:-3px;right:-5px}.vote-spacer{flex:none;width:44px}.stepper{flex:none;align-items:center;gap:2px;display:flex}.stepper .step{min-width:28px;height:28px;padding:0}.stepper .star{width:40px;height:40px}.stepper .step[aria-disabled=true]{opacity:.4;cursor:not-allowed}.burst{pointer-events:none;position:absolute;inset:0}.burst i{background:var(--gold);opacity:0;border-radius:50%;width:7px;height:7px;margin:-3.5px;animation:.75s ease-out forwards burst;position:absolute;top:50%;left:50%}.burst i:nth-child(4n+2){background:var(--cta-bg)}.burst i:nth-child(4n+3){background:#3ddc84}.burst i:nth-child(4n){background:#4cc3ff}@keyframes burst{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(-34px) scale(.3)}}.song-details{border-top:1.5px dashed var(--border);flex-direction:column;gap:10px;margin:0 14px;padding:12px 0 14px 46px;display:flex}.song-details.is-flat{border-top:none;padding-top:0}.details-desc{white-space:pre-line;overflow-wrap:anywhere}.details-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.comments{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.comment-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.comment-list li{background:var(--surface);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:92%;padding:7px 11px}.comment-list li.is-mine{background:var(--pine-soft);border-radius:14px 14px 4px;align-self:flex-end}.comment-body{white-space:pre-line;overflow-wrap:anywhere;font-size:.93rem}.comments input{background:var(--surface)}.back-link{color:var(--pine);background:0 0;border:none;padding:4px 0;font-weight:600}.add-form{border-top:6px solid var(--cta-bg);padding:16px}.manage-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 12px 60px;display:flex}.manage-actions button{padding:4px 12px;font-size:.86rem}.song.is-editing{padding:14px}.cflag.is-static{opacity:1}.empty{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.empty-big{font-family:var(--font-fun);font-size:1.5rem;font-weight:600}@media (height<=660px) and (width>=1000px){.pl-side{grid-template-rows:auto;height:auto;min-height:0;position:static}.player-frame{aspect-ratio:16/9;flex:none}}@media (width<=999px){.topbar{position:relative}.pl{flex-direction:column;gap:16px;display:flex}.pl-main,.pl-side{display:contents}.pl-head{order:0;margin-bottom:0}.pl-info{order:1}.player{order:2}.pl-main>:not(.pl-head){order:3}.pl-mine{order:4}.pl-info,.pl-mine{overflow:visible}.player-frame{aspect-ratio:16/9;flex:none}}@media (width<=600px){.song-row{gap:8px;padding:8px 10px}.song-name{white-space:normal;flex-direction:column;align-items:flex-start;gap:0}.song-name .band{max-width:100%;font-size:.9rem}.song-name .track{overflow-wrap:anywhere}.rank{width:30px;height:30px;font-size:.9rem}.score{width:38px}.song-icons{gap:4px}.song-details{margin:0 10px;padding-left:0}.manage-actions{padding-left:14px}}.toasts{z-index:50;flex-direction:column;gap:8px;width:min(92vw,460px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--pine-deep);color:#fff8ec;border-radius:14px;padding:10px 16px;font-size:.93rem;animation:.25s ease-out toast-in;box-shadow:0 8px 24px #00000040}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flake{top:var(--y)}}