#editorialJoy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:0 0 24px}
#editorialJoy section{padding:20px;border:1px solid var(--border-color,#d6cbb8);border-radius:18px;background:var(--surface,#fffaf0)}
#editorialJoy h2{font-size:1.12rem;margin:0 0 12px}#editorialJoy p{line-height:1.7}#editorialJoy a{display:inline-block;margin:6px 14px 6px 0}#editorialJoy button,.editorial-listen-hint button{font:inherit;padding:10px 16px;border:1px solid #ad9471;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.editorial-draw [aria-live]{margin-top:16px}.editorial-listen-hint{padding:12px 16px;margin:12px 0;border:1px dashed #b9a78d;border-radius:12px}.editorial-listen-hint button{margin-right:8px}
/* Written paper, in its own quiet corner so it never covers controls. */
.curator-note-pin{position:relative;display:block;box-sizing:border-box;width:116px;height:96px;min-width:116px;min-height:96px;margin:18px 12px 14px auto;padding:17px 12px 10px;border:0;border-radius:1px 2px 12px 2px;background:linear-gradient(135deg,#fff0b9,#f6df99);color:#665033;cursor:pointer;box-shadow:1px 3px 5px #49351422;transform:rotate(-3deg);text-align:left;font-family:"Kaiti TC","KaiTi","DFKai-SB",cursive;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:.025em;white-space:normal}
.curator-note-pin::before{content:"";position:absolute;top:-5px;left:37px;width:39px;height:12px;background:#ead8adbf;transform:rotate(4deg)}
.curator-note-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;max-height:69px;pointer-events:none}
.curator-note-pin.is-empty{color:#8a7756;background:#f4eddc}.curator-note-pin:focus-visible{outline:2px solid #967445;outline-offset:4px}.curator-page-note:empty{display:none}.curator-page-note{clear:both}.curator-note-pin.is-retry{font-family:inherit;font-size:12px}
html[data-theme=night] .curator-note-pin{background:linear-gradient(135deg,#d9c58a,#c3ac70);color:#3e3220}
.curator-note-dialog{box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #c5af78;border-radius:4px 4px 20px 4px;padding:24px;background:#fff1ca;color:#4d3c27;box-shadow:0 12px 40px #0003}
.curator-note-dialog::backdrop{background:#0004}.curator-note-dialog h2{font-size:1rem;margin:0 0 18px}.curator-note-dialog label{display:block;font-size:.9rem}.curator-note-dialog textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0 12px;padding:10px;font:inherit;background:#fffaf0;color:#4d3c27;border:1px solid #c5af78;border-radius:6px;resize:vertical}.curator-note-dialog .curator-note-check{display:flex;align-items:center;gap:8px;margin:12px 0}.curator-note-dialog input[type=checkbox]{width:18px;height:18px}.curator-note-dialog small{display:block;line-height:1.6}.curator-note-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.curator-note-actions{display:flex;justify-content:flex-end;gap:8px}.curator-note-actions button{font:inherit;border:1px solid #b39967;background:#fff8e4;border-radius:8px;padding:10px 14px;color:inherit;cursor:pointer}
html[data-theme=night] #editorialJoy section{background:#202838;border-color:#536074}html[data-theme=night] .curator-note-dialog{background:#343021;color:#f3e6c5;border-color:#7f7356}html[data-theme=night] .curator-note-dialog textarea,html[data-theme=night] .curator-note-actions button{background:#28251c;color:#f3e6c5}

.clue-song-row>.curator-note-pin{grid-column:1 / -1;justify-self:end}

.curator-note-canvas{position:relative}
.curator-note-pin.is-placed{position:absolute;z-index:5;margin:0;transform:none}
.curator-note-pin.is-moving{outline:2px dashed #967445;outline-offset:4px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:move;z-index:30}
.curator-placement-tools{position:fixed;z-index:99999;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(430px,calc(100vw - 24px));padding:12px;background:#fff8e4;color:#4d3c27;border:1px solid #b39967;border-radius:14px;box-shadow:0 4px 18px #0003;display:flex;flex-wrap:wrap;gap:8px}
.curator-placement-tools p{width:100%;margin:0 0 6px;font-size:14px;line-height:1.5}.curator-placement-tools button{font:inherit;font-size:14px;min-height:44px;padding:8px 12px;color:inherit;background:#fff1ca;border:1px solid #b39967;border-radius:8px}.curator-placement-tools button:disabled{opacity:.5}.curator-note-actions{flex-wrap:wrap}

/* A small horizontal paper: CSS centimetres approximate physical size on screens. */
.curator-note-pin{width:1.5cm;height:1cm;min-width:1.5cm;min-height:1cm;padding:7px 4px 4px;font-size:8px;line-height:1.4;border-radius:1px 1px 5px 1px}
.curator-note-pin::before{left:18px;width:20px;height:7px;top:-3px}
.curator-note-preview{-webkit-line-clamp:4;max-height:44px}
.curator-note-heading{padding-inline-end:70px;min-height:1cm;box-sizing:border-box}
.song-card>.curator-note-bookmark{position:absolute;right:8px;top:0;width:13px;height:24px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#d5ae60,#f2d795);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 1px 1px #52380d33)}

/* Decorative handwriting only; note text is available inside the dialog. */
.curator-note-preview{display:block;width:100%;height:100%;max-height:none;background:center / 100% auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 24'%3E%3Cpath d='M3 8 C7 2 7 13 11 7 S15 12 19 7 S24 11 29 7 S34 10 43 6 M4 17 C8 12 8 22 12 17 S17 21 21 16 S26 20 31 16 S35 19 39 16' fill='none' stroke='%23796744' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E")}
.curator-note-pin.is-empty .curator-note-preview{background:none}

#editorialJoy .editorial-heatmap{grid-column:1 / -1;min-width:0}
.editorial-heatmap-controls{display:flex;gap:8px;margin-bottom:14px}.editorial-heatmap-controls [aria-pressed=true]{background:#ead5ad!important;font-weight:700}
.editorial-heatmap-scroll{overflow-x:auto;padding:4px 2px 10px;max-width:100%}.editorial-heatmap-grid{display:grid;grid-template-rows:repeat(7,16px);grid-auto-flow:column;grid-auto-columns:16px;gap:4px;width:max-content}
#editorialJoy .editorial-heatmap-cell{width:16px;height:16px;min-width:0;min-height:0;padding:0;border:1px solid #c4b493;border-radius:3px;background:#f3eddf;cursor:pointer}
#editorialJoy .editorial-heatmap-cell[data-level="unknown"]{background:repeating-linear-gradient(135deg,#f3eddf 0 3px,#d7cbb6 3px 4px)}
#editorialJoy .editorial-heatmap-cell[data-level="1"]{background:#dfc496}#editorialJoy .editorial-heatmap-cell[data-level="2"]{background:#c39755}#editorialJoy .editorial-heatmap-cell[data-level="3"]{background:#9c6e32}#editorialJoy .editorial-heatmap-cell[data-level="4"]{background:#69451f}
#editorialJoy .editorial-heatmap-cell[aria-pressed=true],#editorialJoy .editorial-heatmap-cell:focus-visible{outline:2px solid #916022;outline-offset:1px}
.editorial-heatmap small{display:block;line-height:1.7}.editorial-heatmap p{min-height:3.4em}