body[data-page=wunsch],body[data-page=dj]{--bg: #120a10;--fg: #eaddd1;--accent: #ff4d00;--line: color-mix(in srgb, var(--fg) 20%, transparent);min-height:100svh}.wish-page{max-width:46rem;margin:0 auto;padding:clamp(1.6rem,6vw,3.5rem) var(--pad) 5rem}.wish-home{color:inherit;text-decoration:none}.wish-title{font-size:clamp(2.4rem,13vw,5.5rem);margin:.3em 0 .4em}.wish-lead{max-width:44ch;font-size:clamp(.95rem,.9rem + .3vw,1.1rem);opacity:.85}.wish-form{display:grid;gap:.9rem;margin:2.2rem 0 3rem;padding:1.2rem;border:2px solid var(--fg);background:color-mix(in srgb,var(--fg) 5%,transparent)}.wish-field{display:grid;gap:.35rem}.wish-field>span{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.wish-field>span em{color:var(--accent);font-style:normal}.wish-field input{font-family:var(--mono);font-size:1.05rem;color:var(--fg);background:transparent;border:2px solid var(--line);border-radius:0;padding:.7rem .8rem;width:100%;-webkit-appearance:none}.wish-field input:focus-visible{outline:none;border-color:var(--accent)}.wish-field input::placeholder{color:color-mix(in srgb,var(--fg) 40%,transparent)}.wish-form .btn{margin-top:.4rem;width:100%}.wish-status{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;min-height:1.2em;margin:0;opacity:.85}.wish-status.bad{color:#ff8a6a}.wish-done{border:2px solid var(--accent);padding:1.1rem 1.2rem;margin-bottom:1.5rem}.wish-done-head{font-family:var(--display);font-size:clamp(1.3rem,5vw,1.8rem);text-transform:uppercase;color:var(--accent);margin:0}.wish-done-sub{font-family:var(--mono);font-size:.9rem;margin:.4rem 0 .8rem;overflow-wrap:anywhere}.wish-done .linklike{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);opacity:.6}.wish-done .linklike:hover{opacity:1;color:var(--accent)}.wish-list{list-style:none;margin:0;padding:0}.r-rank{grid-row:1 / span 3;font-family:var(--mono);font-size:.95rem;opacity:.45}.r-text{display:grid;min-width:0}.r-song{font-weight:700;font-size:1.02rem;overflow-wrap:anywhere}.r-artist{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;opacity:.6;overflow-wrap:anywhere}.r-votes{font-family:var(--mono);font-size:1.05rem;font-weight:700}.r-bar{grid-column:2 / span 2;height:4px;background:color-mix(in srgb,var(--fg) 15%,transparent);position:relative}.r-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);background:var(--accent)}.wish-empty{font-family:var(--mono);font-size:.85rem;opacity:.6;padding:1.5rem 0}.wish-foot{margin-top:3rem;font-family:var(--mono);font-size:.72rem;line-height:1.7;opacity:.55}.wish-foot a{color:inherit}.dj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1px;background:var(--line);border:2px solid var(--fg);margin:2rem 0}.dj-stat{background:var(--bg);padding:1rem}.dj-stat b{display:block;font-family:var(--display);font-size:clamp(1.8rem,7vw,2.8rem);line-height:1}.dj-stat span{font-family:var(--mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.dj-tools{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.dj-tools .btn{padding:.6em 1.3em;font-size:.75rem}.dj-row{display:grid;grid-template-columns:2.4rem 1fr auto auto;gap:.35rem .8rem;align-items:center;padding:.85rem .2rem;border-bottom:1px solid var(--line)}.dj-row .r-bar{grid-column:2 / span 3}.dj-row.blocked{opacity:.35}.dj-row.blocked .r-song{text-decoration:line-through}.dj-names{grid-column:2 / span 3;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;opacity:.55;overflow-wrap:anywhere}.dj-block{grid-row:1;grid-column:4;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:none;border:1px solid var(--line);padding:.35rem .6rem;cursor:pointer;opacity:.6}.dj-block:hover{opacity:1;border-color:var(--accent);color:var(--accent)}
