/* Shared account exit and material statistics. */
.logout-form{display:inline-flex;flex:0 0 auto;margin:0}
.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--wine);font:600 13px/1.35 Arial,sans-serif;white-space:nowrap;cursor:pointer}
.logout-button .icon{width:17px;height:17px;flex:none}
.logout-button:focus-visible{outline:3px solid #b8899c;outline-offset:3px}
.site-header .header-logout .logout-button{color:inherit;background:transparent;border-color:#ffffff66}
.site-header .header-logout .logout-button:hover{background:#ffffff18}
.admin-page .admin-logout{display:flex;margin:14px 0 0;padding:14px 12px 0;border-top:1px solid var(--admin-line)}
.admin-page .admin-logout .logout-button{width:100%;color:var(--admin-text);background:var(--admin-card);border-color:var(--admin-line)}
.content-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:8px 0;color:var(--muted);font:12px/1.4 Arial,sans-serif;letter-spacing:0;min-width:0}
.content-metrics>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.content-metrics .icon{width:15px;height:15px;flex:none}
.content-metrics .metric-rating{gap:4px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--theme-link,var(--wine));font:12px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums}
.content-metrics .metric-score{color:inherit;font:700 13px/1.2 Arial,sans-serif}
.content-metrics .metric-scale,.content-metrics .metric-count{display:inline;margin:0;color:var(--muted);font:11px/1.2 Arial,sans-serif}
.content-metrics .metric-count>span[aria-hidden]{display:inline;margin:0;color:inherit;font:inherit}
.content-metrics .metric-rating.is-empty{font-size:11px;color:var(--muted);background:transparent;border-color:var(--line)}
.character-name-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.character-table .content-metrics{margin:0;gap:10px;font-size:11px}
.universe-banner .content-metrics{color:#fff3e4;margin-bottom:0}
.universe-banner .metric-rating{border-color:#ffffff70;background:#21151fd9;color:#fff3e4}
.universe-banner .metric-scale,.universe-banner .metric-count,.universe-banner .metric-rating.is-empty{color:#fff3e4}
.character-tile>.content-metrics{padding:0 14px 8px}
.profile-character .content-metrics,.saved-story .content-metrics{font-size:11px;gap:10px}
.member-identity-copy>.content-metrics{margin:14px 0 0}
.rating-panel{border:1px solid var(--line);border-top:3px solid var(--wine);border-radius:8px;padding:24px;margin:32px 0;background:var(--white);color:var(--ink);min-width:0;scroll-margin-top:24px}
.rating-overview{display:flex;align-items:center;justify-content:space-between;gap:20px}
.rating-intro{min-width:0}
.rating-eyebrow{display:block;margin:0 0 7px;color:var(--theme-link,var(--wine));font:700 10px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.rating-panel h2{font:500 26px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 9px}
.rating-panel p{font:13px/1.5 Arial,sans-serif;margin:0;color:var(--muted)}
.rating-total,.rating-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 90px;min-height:86px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font:13px/1.4 Arial,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.rating-total strong{color:var(--theme-link,var(--wine));font:600 38px/1 Arial,sans-serif;letter-spacing:-.06em}
.rating-total>span{margin-top:5px;color:var(--muted);font:12px/1.3 Arial,sans-serif}
.rating-empty{color:var(--muted);font-size:12px;line-height:1.5}
.rating-voting{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.rating-form{margin:0;min-width:0}
.rating-form fieldset{display:block;border:0;min-width:0;margin:0;padding:0}
.rating-form legend{display:block;float:none;width:100%;padding:0;margin:0 0 12px;color:var(--ink);font:600 13px/1.4 Arial,sans-serif}
.rating-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rating-options .rating-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:80px;padding:12px 3px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.rating-choice>strong{font:600 26px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.rating-choice>span{margin:0;color:var(--muted);font:11px/1.3 Arial,sans-serif}
.rating-options .rating-choice:hover{border-color:var(--theme-link,var(--wine));color:var(--theme-link,var(--wine))}
.rating-options .rating-choice.is-selected{border-color:var(--wine);background:var(--wine);color:#fff}
.rating-choice.is-selected>span{color:#fff}
.rating-choice .rating-choice-check{position:absolute;top:5px;right:6px;font:700 12px/1 Arial,sans-serif}
.rating-choice:focus-visible,.rating-remove button:focus-visible{outline:3px solid var(--theme-link,var(--wine));outline-offset:3px}
.rating-panel .rating-hint{margin-top:12px;font-size:12px}
.rating-remove{margin:10px 0 0}
.rating-remove button{display:inline-flex;align-items:center;min-height:36px;padding:3px 0;border:0;background:transparent;color:var(--theme-link,var(--wine));font:12px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rating-signin{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.rating-panel .button{margin:0;min-height:42px;white-space:normal;text-align:center}
.rating-panel .button .icon{width:16px;height:16px}
.metrics-table .content-metrics{margin:0}
.metrics-detail-summary{display:flex;flex-wrap:wrap;gap:12px 24px;margin:16px 0}
.metrics-detail-summary strong{font-size:20px}
.metrics-note{font-size:13px;line-height:1.6;color:var(--admin-muted,var(--muted))}
.metrics-vote-actions{display:flex;justify-content:flex-end}
.metrics-reset-zone{margin-top:32px}
.admin-content-cell .content-metrics,.admin-member-cell .content-metrics{margin:6px 0 0;font-size:11px;gap:10px}
html[data-theme="dark"] .logout-button{color:var(--theme-link)}
@media(max-width:850px){.admin-page .admin-logout{margin:0;padding:0;border:0}.admin-page .admin-logout .logout-button{min-height:42px}}
@media(max-width:560px){.rating-panel{padding:18px 14px}.rating-overview{gap:12px}.rating-panel h2{font-size:23px}.rating-total,.rating-empty{flex-basis:72px;min-height:76px;padding:8px}.rating-total strong{font-size:32px}.rating-options{gap:5px}.rating-options .rating-choice{min-height:72px}.rating-choice>span{font-size:10px}.rating-choice>strong{font-size:24px}.rating-panel p{font-size:12px}.rating-signin{align-items:flex-start}.site-header .header-logout{margin-left:auto}.site-header .header-logout .logout-button{padding:7px 10px}.profile-logout .logout-button{min-height:42px}.profile-page .header-inner{column-gap:10px}.profile-page .menu-toggle{margin-left:0}}
@media(max-width:400px){.rating-choice>span:not(.rating-choice-check){display:none}.rating-options .rating-choice{min-height:56px;padding:12px 3px}}
@media(prefers-reduced-motion:reduce){.rating-options .rating-choice{transition:none}}

/* Shared compact numeric voting, on every material type. */
.rating-panel{border-top:1px solid var(--line);border-radius:14px;padding:24px;background:var(--white);box-shadow:0 5px 20px #29141b05}
.rating-panel .rating-overview{gap:18px;padding-bottom:0}
.rating-panel .rating-eyebrow{display:block;font-size:10px;letter-spacing:.13em}
.rating-panel .rating-intro h2{font-size:25px;font-weight:600;margin-bottom:8px}
.rating-panel .rating-total{border:0;border-radius:50%;flex-basis:82px;width:82px;min-height:82px;background:var(--paper)}
.rating-panel .rating-total strong{font-size:32px;letter-spacing:-.04em}
.rating-panel .rating-empty{display:none}
.rating-panel .rating-voting{margin-top:18px;padding-top:18px}
.rating-panel .rating-options{display:flex;justify-content:flex-start;gap:12px;max-width:100%}
.rating-panel .rating-options .rating-choice{display:flex;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;background:var(--white);border:1px solid var(--line);color:var(--ink)}
.rating-panel .rating-choice>strong{font:600 19px/1 Arial,sans-serif}
.rating-panel .rating-choice>span{display:none}
.rating-panel .rating-choice:hover{border-color:var(--theme-link,var(--wine));background:var(--paper);color:var(--theme-link,var(--wine))}
.rating-panel .rating-choice.is-selected{background:var(--wine);border-color:var(--wine);color:#fff;box-shadow:0 0 0 3px var(--white),0 0 0 4px var(--wine)}
.rating-panel .rating-hint{font-size:11px;line-height:1.5;max-width:380px}
.rating-panel .rating-form legend{font-size:12px;margin-bottom:14px}
.rating-panel .rating-scale-labels{display:flex;justify-content:space-between;width:288px;max-width:100%;margin-top:9px;color:var(--muted);font:11px/1.4 Arial,sans-serif}
@media(max-width:480px){.rating-panel{padding:18px 16px}.rating-panel .rating-intro h2{font-size:22px}.rating-panel .rating-options{gap:8px}.rating-panel .rating-options .rating-choice{flex-basis:44px;width:44px;height:44px;min-height:44px}.rating-panel .rating-scale-labels{width:252px}.rating-panel .rating-total{flex-basis:66px;width:66px;min-height:66px}.rating-panel .rating-total strong{font-size:27px}}