.music-page{padding-block:56px 80px}.music{flex-direction:column;gap:56px;display:flex}.music h2{margin:0 0 20px;font-size:clamp(1.5rem,3vw,2.1rem)}.music-hero{grid-template-columns:auto 1fr;align-items:center;gap:40px;display:grid}.music-hero h1{margin:8px 0 12px}.music-lead{max-width:520px;color:var(--muted);margin:0;line-height:1.7}.turntable{background:linear-gradient(145deg,#5a1a2c,#2a0c16);border-radius:18px;place-items:center;width:260px;height:230px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffdcbe26,0 24px 50px #00000073}.turntable .record{width:190px}.tonearm-bar{transform-origin:top;background:linear-gradient(#e8cfae,#b08a58);border-radius:3px;width:6px;height:104px;animation:6s ease-in-out infinite arm-sway;position:absolute;top:18px;right:26px;transform:rotate(28deg)}.tonearm-bar:after{content:"";background:#caa57a;border-radius:3px;width:16px;height:14px;position:absolute;bottom:-6px;left:-5px}@keyframes arm-sway{50%{transform:rotate(31deg)}}.record{aspect-ratio:1;background:radial-gradient(circle,#0000 0 34%,#ffffff0d 34.5% 35%,#0000 35.5%),repeating-radial-gradient(circle,#170710 0 2px,#26101a 2px 3px);border-radius:50%;flex:none;width:150px;display:block;position:relative;box-shadow:0 10px 22px #00000080}.record:after{content:"";background:conic-gradient(from 20deg, transparent 0 20%, #ffe1d724 25%, transparent 32% 70%, #ffe1d71a 76%, transparent 82%);border-radius:50%;position:absolute;inset:0}.record--spin,.turntable .record{animation:7s linear infinite record-spin}.record--empty{opacity:.55}.record-label{color:#f6dfa4;background:#a8243c;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute;inset:33%;overflow:hidden}.record-label img{object-fit:cover;width:100%;height:100%}@keyframes record-spin{to{transform:rotate(360deg)}}.today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.song-card{background:linear-gradient(160deg,#781e3473,#280c18e6);border:1px solid #ffe4dd33;border-radius:20px;gap:18px;padding:18px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex}.song-card:hover{border-color:#ffd2c980;transform:translateY(-4px);box-shadow:0 18px 40px #04000366,0 0 28px #e350642e}.song-card--featured{text-align:center;flex-direction:column;align-items:center;padding:26px 22px}.song-card--featured .song-info{align-items:center}.song-sleeve{flex:none;align-items:center;width:150px;height:120px;display:flex;position:relative}.song-card--featured .song-sleeve{width:220px;height:170px}.song-sleeve .record{width:112px;transition:transform .6s;position:absolute;right:0}.song-card--featured .song-sleeve .record{width:160px}.song-card:hover .song-sleeve .record:not(.record--spin){transform:translate(10px)rotate(40deg)}.sleeve-art{z-index:1;background:#3a1220;border-radius:6px;width:108px;height:108px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000080}.song-card--featured .sleeve-art{width:160px;height:160px}.sleeve-art img{object-fit:cover;width:100%;height:100%}.song-card--empty .song-sleeve{justify-content:center}.song-card--empty .record{position:static}.song-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.song-meta{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:.78rem;display:flex}.who{color:#ffd8c7;background:#e37b8638;border-radius:999px;padding:2px 10px;font-weight:600}.who--faruk{background:#f6dfa433}.song-title{overflow-wrap:anywhere;margin:4px 0 0;font-family:Georgia,serif;font-size:1.15rem;font-weight:500;line-height:1.3}.song-card--featured .song-title{font-size:1.4rem}.song-channel{color:var(--muted);margin:0;font-size:.85rem}.song-note{color:#ffd8c7;font-family:var(--font-caveat), "Segoe Script", cursive;white-space:pre-wrap;text-align:left;border-left:2px solid #e37b8699;margin:6px 0 0;padding-left:12px;font-size:1.3rem;line-height:1.3}.song-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.music button,.music input,.music textarea{font:inherit}.song-actions button,.song-actions a,.jukebox-submit,.music .chip{min-height:44px;color:var(--cream);cursor:pointer;background:#7a1d3373;border:1px solid #ffd2c959;border-radius:999px;align-items:center;padding:0 16px;font-size:.88rem;display:inline-flex}.song-actions button:hover:not(:disabled),.song-actions a:hover,.jukebox-submit:hover:not(:disabled),.music .chip:hover{background:#a6243cb3}.song-actions .play[aria-pressed=true],.music .chip[aria-pressed=true]{color:#4d0f20;background:#f1c9bf;border-color:#f1c9bf}.song-actions .danger{background:#78141eb3;border-color:#ff8c8c99}.music button:focus-visible,.music a:focus-visible,.music input:focus-visible,.music textarea:focus-visible{outline-offset:2px;outline:2px solid #ffd9a0}.song-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.song-error,.jukebox-error{color:#ffb4b4;margin:0;font-size:.88rem}.player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-top:10px;overflow:hidden}.player iframe{border:0;width:100%;height:100%}.note-editor textarea,.jukebox textarea,.jukebox input,.search input{color:#3d0816;background:#fff3dff2;border:1px solid #ffd2c959;border-radius:14px;width:100%;padding:10px 14px;font-size:1rem}.jukebox{background:radial-gradient(circle at 90% 0,#f6dfa424,#0000 40%),linear-gradient(160deg,#781e348c,#280c18f2);border:1px solid #f6dfa466;border-radius:22px;flex-direction:column;gap:8px;max-width:640px;margin:28px auto 0;padding:24px;display:flex}.jukebox h3{margin:0;font-family:Georgia,serif;font-size:1.4rem;font-weight:500}.jukebox-hint{color:var(--muted);margin:0 0 6px;font-size:.9rem}.jukebox label{color:#f1c9bf;margin-top:6px;font-size:.85rem}.jukebox-submit{background:#a8243c;justify-content:center;align-self:flex-start;margin-top:10px}.jukebox-submit:disabled{opacity:.6;cursor:wait}.jukebox-done{color:#f6dfa4;text-align:center;background:#f6dfa41a;border-radius:16px;max-width:640px;margin:24px auto 0;padding:14px 20px}.archive-tools{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.search{flex:1;min-width:220px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.archive-count{color:var(--muted);margin:10px 0 24px;font-size:.88rem}.archive-day{margin-bottom:32px}.archive-day h3{color:#e4aeb0;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:500}@media (max-width:820px){.music-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.today-grid,.archive-grid{grid-template-columns:1fr}.song-card:not(.song-card--featured){flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.record--spin,.turntable .record,.tonearm-bar{animation:none}.song-card,.song-card:hover,.song-sleeve .record{transition:none;transform:none!important}}