/* Differences page: lead, statistics, ledger, composer and edit sheet. Unique visual owner. */

.differences-lead{margin:24px 4px;color:var(--muted);font:italic 14px/1.9 "Cormorant Garamond","Noto Serif SC",serif}.differences-stats{display:flex;gap:0;margin-bottom:24px;border-block:1px solid var(--line)}.differences-stats span{width:50%;display:grid;gap:2px;padding:13px 15px}.differences-stats span+span{border-left:1px solid var(--line)}.differences-stats b{font:italic 24px "Cormorant Garamond",serif}.differences-stats small{color:var(--muted);font:8px "Noto Serif SC",serif}.differences-list details{border-bottom:1px solid var(--line)}.differences-list summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:17px 3px;cursor:pointer;list-style:none}.differences-list summary::-webkit-details-marker{display:none}.differences-list summary span{display:grid;gap:5px}.differences-list summary small{color:var(--accent);font:7px system-ui;letter-spacing:.1em}.differences-list summary strong{font:500 13px/1.55 "Noto Serif SC",serif}.differences-list summary>b{color:var(--muted);font-weight:400;transition:transform .3s ease}.differences-list details[open] summary>b{transform:rotate(45deg)}.positions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 3px 13px}.positions blockquote{margin:0;padding:13px;border-left:1px solid var(--accent);background:rgba(var(--glass-rgb),.12)}.positions blockquote+blockquote{border-color:var(--accent-2)}.positions small{color:var(--accent);font:7px system-ui;letter-spacing:.16em}.positions p,.difference-note{margin:8px 0 0;color:var(--muted);font:10px/1.65 "Noto Serif SC",serif}.difference-note{padding:0 5px 16px}
@media (prefers-reduced-motion:reduce){.differences-list summary>b{transition:none}}
.difference-positions-input{display:grid;grid-template-columns:1fr 1fr;gap:9px}.difference-compose-sheet #saveDifference{border-color:var(--accent);color:var(--accent)}
@media (max-width:360px){.difference-positions-input{grid-template-columns:1fr}}
.differences-list{padding-bottom:112px}.difference-composer{position:fixed;z-index:20;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:min(436px,calc(100vw - 24px));transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:11px 12px 11px 15px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--bg) 62%,transparent);box-shadow:0 18px 46px rgba(0,0,0,.16);backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18)}
.difference-composer blockquote{min-width:0;flex:1;margin:0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:17px 17px 17px 5px;background:rgba(var(--glass-rgb),.15);overflow:hidden;color:var(--muted);font:italic 12px/1.45 "Cormorant Garamond","Noto Serif SC",serif;white-space:nowrap;text-overflow:ellipsis}
.difference-composer button{display:grid;place-items:center;gap:2px;width:52px;border:0;background:none;color:var(--accent)}.difference-composer button span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(var(--glass-rgb),.14);font-size:16px}.difference-composer button small{font:7px "Noto Serif SC",serif;white-space:nowrap}
.differences-stats span{place-items:center;text-align:center}.differences-stats b,.differences-stats small{text-align:center}
