/* Gramophone ownership migrated from styles.css. */
.gramophone-page .gramophone-list article:before{z-index:1}
.gramophone-page .gramophone-list footer{align-items:end;gap:12px}.gramophone-page .gramophone-list footer>time{flex:0 0 auto;padding-bottom:3px}.gramophone-note{display:grid;justify-items:end;gap:3px;max-width:72%;margin:0;padding:6px 9px;border-radius:12px 4px 12px 12px;background:color-mix(in srgb,var(--accent-2) 12%,rgba(var(--glass-rgb),.10));color:var(--muted);text-align:right}.gramophone-note small{color:color-mix(in srgb,var(--accent) 72%,var(--muted));font:5px system-ui;letter-spacing:.15em}.gramophone-note span{font:7px/1.55 "Noto Serif SC",serif;letter-spacing:0}
.gramophone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 6px 22px;border:1px solid var(--line);background:var(--line)}.gramophone-stats span{display:grid;justify-items:center;gap:3px;padding:12px;background:color-mix(in srgb,var(--bg) 72%,transparent)}.gramophone-stats b{color:var(--accent);font:italic 20px "Cormorant Garamond",serif;font-weight:400}.gramophone-stats small{color:var(--muted);font:6px system-ui;letter-spacing:.14em}.gramophone-list{display:grid;gap:12px;padding:0 6px 38px}.gramophone-list article{position:relative;padding:19px 18px 16px 29px;border:1px solid var(--line);border-radius:6px 20px 8px 15px;background:linear-gradient(145deg,rgba(var(--glass-rgb),.29),rgba(var(--glass-rgb),.14));backdrop-filter:blur(18px)}.gramophone-list article:before{content:"";position:absolute;left:15px;top:19px;bottom:18px;width:1px;background:linear-gradient(var(--accent),transparent)}.gramophone-list article>button{position:absolute;right:12px;top:10px;border:0;background:none;color:var(--muted);font-size:15px}.gramophone-list article.is-pinned>button{color:var(--accent)}.gramophone-list blockquote{margin:0 28px 16px 0;font:italic 12px/1.85 "Noto Serif SC",serif}.gramophone-list footer{display:flex;justify-content:space-between;color:var(--muted);font:6px system-ui;letter-spacing:.1em}
html body .app .gramophone-list blockquote{font-family:var(--font-hand)!important}

/* Gramophone page late refinements extracted from final-polish.css. */

.gramophone-stats{border-color:color-mix(in srgb,var(--line) 70%,transparent)!important;background:rgba(var(--glass-rgb),.08)!important;box-shadow:none!important}.gramophone-stats span{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.gramophone-stats span+span{border-left-color:color-mix(in srgb,var(--line) 62%,transparent)!important}
.gramophone-speakers{display:flex;justify-content:center;gap:14px;margin:-9px 6px 17px}.gramophone-speakers button{position:relative;min-width:42px;display:grid;justify-items:center;gap:1px;padding:4px 3px 6px!important;border:0!important;background:none!important;color:var(--muted)!important;letter-spacing:0!important}.gramophone-speakers button span{font:italic 8px/1.2 "Cormorant Garamond",serif;letter-spacing:.09em}.gramophone-speakers button small{font:6px/1.25 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em;opacity:.66}.gramophone-speakers button.is-active{color:var(--ink)!important}.gramophone-speakers button.is-active::after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:1px;background:color-mix(in srgb,var(--accent) 68%,transparent)}.gramophone-empty{margin:34px auto;padding:0 28px;color:var(--muted);font:9px/1.8 var(--font-body);text-align:center}.gramophone-list article[data-speaker="ryven"]{border-left-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}.gramophone-page .gramophone-list article{padding:0!important;perspective:900px;cursor:pointer}.gramophone-page .gramophone-list article::before{content:none!important}.gramophone-card__inner{display:grid;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.72,.22,1)}.gramophone-list article.is-flipped .gramophone-card__inner{transform:rotateY(180deg)}.gramophone-card__face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.gramophone-card__front{position:relative;padding:19px 18px 16px 29px}.gramophone-card__front::before{content:"";position:absolute;left:15px;top:19px;bottom:18px;width:1px;background:linear-gradient(var(--accent),transparent)}.gramophone-card__front>button{position:absolute;right:12px;top:10px;border:0;background:none;color:var(--muted);font-size:15px}.gramophone-list article.is-pinned .gramophone-card__front>button{color:var(--accent)}.gramophone-card__back{min-height:122px;display:grid;place-items:center;padding:24px 28px;transform:rotateY(180deg)}.gramophone-page .gramophone-note{width:100%;max-width:100%;display:grid;justify-items:center;gap:8px;margin:0;padding:0;background:none;color:var(--muted);text-align:center}.gramophone-page .gramophone-note small{font-size:6px;letter-spacing:.15em}.gramophone-page .gramophone-note span{max-width:28em;font-family:"Noto Serif SC","Songti SC",serif!important;font-size:11px!important;line-height:1.75!important}.gramophone-card__front footer>button{border:0;background:transparent;color:var(--muted);font-size:14px}@media(prefers-reduced-motion:reduce){.gramophone-card__inner{transition:none}}
/* Readability pass: one measured step up for Gramophone. */
.gramophone-speakers button span{font-size:10px!important}
.gramophone-speakers button small{font-size:7px!important}
.gramophone-page .gramophone-stats b{font-size:22px!important}
.gramophone-page .gramophone-stats small{font-size:7px!important}
.gramophone-page .gramophone-list blockquote{font-size:14px!important;line-height:1.8!important}
.gramophone-page .gramophone-list footer{font-size:7px!important}
.gramophone-page .gramophone-note small{font-size:7px!important}
.gramophone-page .gramophone-note span{font-size:13px!important;line-height:1.75!important}