/* Phase 5: O/X view and quick-detail layout; server enum left intact. */
.new-word-label{display:none!important}
.word-swipe>.wordrow.new-word:not(.own){background:color-mix(in srgb,var(--orangebg) 38%,var(--paper))}
.quick-detail{display:flex;flex-direction:column;min-height:300px;max-height:min(74dvh,650px);overflow:hidden;touch-action:pan-y}
.quick-detail .detail-counter{text-align:center;font-size:12px;color:var(--muted);padding:2px 0 10px}
.quick-detail .detail-scroll{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:8px 3px 14px}
.quick-detail .detail-footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:10px;background:var(--paper)}
.quick-detail .detail-rate{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-detail .detail-rate button{min-height:52px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:23px;color:var(--text);font-weight:700;cursor:pointer}
.quick-detail .detail-rate button small{display:block;font-size:11px;font-weight:500}
.quick-detail .detail-rate-o.active{background:var(--bluebg);color:var(--blue)}
.quick-detail .detail-rate-x.active{background:var(--redbg);color:var(--red)}
.quick-detail .detail-nav{display:flex;justify-content:space-between;gap:12px;padding-top:7px}
.quick-detail .detail-nav button{border:0;background:none;color:var(--muted);font-size:12px;min-height:30px}
.quick-detail .detail-nav button:disabled{opacity:.25}
.quick-detail.detail-finished{text-align:center;justify-content:center;gap:16px;align-items:center;padding:26px}