.viewer-commands{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none;max-width:100%;min-width:0}
.reaction-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.reaction-label{flex-basis:100%;text-align:right;font-size:12px;color:var(--muted)}
.reaction-label span{font-size:11px}
.reaction-score{width:176px;max-width:calc(100% - 52px);min-height:44px;padding:8px 12px;border:1px solid #465e77;border-radius:4px;background:#111b28;color:#c6d3e3;font:inherit;font-size:14px;font-variant-numeric:tabular-nums;color-scheme:dark}
.reaction-score.is-selected{color:var(--brass);border-color:var(--brass)}
.reaction-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #465e77;border-radius:4px;background:#111b28;color:#c6d3e3;flex:none}
.reaction-button:disabled,.reaction-score:disabled{cursor:default;opacity:.5}
.reaction-score.is-selected:disabled{opacity:.85}
.reaction-score:focus-visible,.reaction-button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.reaction-status{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px;text-align:right;max-width:36ch}
.reaction-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:var(--muted)}
.reaction-badge.is-rated{color:var(--brass)}
.card-reactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;align-items:center}
.card-reactions small{font-size:12px;color:var(--muted)}
#final-reaction{margin-bottom:16px}
#final-reaction .reaction-controls{justify-content:center}
#final-reaction .reaction-label{text-align:center}
#final-reaction .reaction-status{margin-inline:auto;text-align:center}
.viewer .media-card:not(.is-link){width:min(100%,calc(var(--viewer-media-height,60svh) * var(--media-ratio)))}
.viewer[data-kind="link"] .viewer-media{overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}
.viewer[data-kind="link"] .media-card.is-link{min-height:0;max-height:none;margin-block:auto}
.viewer-caption{min-width:0}
@media(max-width:768px){.viewer-commands{align-self:stretch;align-items:flex-end;width:100%;gap:12px}.viewer-footer{gap:12px}.reaction-status{font-size:11px}}
@media(orientation:landscape) and (max-height:539px){.viewer-footer{flex-direction:row;min-height:0}.viewer-commands{width:auto;flex-direction:row;align-items:center;gap:16px}.reaction-label{display:none}.reaction-controls{gap:8px}.reaction-status{max-width:22ch}.viewer .media-card.is-link{min-height:0;gap:8px;padding:12px}.viewer .link-art{display:none}.viewer .link-title{font-size:20px}.viewer-caption{max-width:45%}}