.rating-form{gap:var(--space-5);max-width:var(--layout-reading-width);flex-direction:column;display:flex}.rating-form .kind-switch{gap:var(--space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.rating-form .kind-legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:0}.rating-form .kind-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.rating-form .kind-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.rating-form .kind-option.is-selected{border-color:var(--color-text);box-shadow:inset 0 0 0 var(--border-width) var(--color-text);font-weight:var(--font-weight-bold)}.rating-form .kind-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.rating-form .update-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);font-size:var(--font-size-sm)}.rating-form .fields{gap:var(--space-5);flex-direction:column;display:flex}.rating-form .honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.rating-form .actions{justify-content:flex-end;display:flex}
.rating-section{gap:var(--space-5);flex-direction:column;display:flex}.rating-section .summary{gap:var(--space-4);flex-wrap:wrap;margin:0;display:flex}.rating-section .summary-item{gap:var(--space-1);min-width:12rem;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.rating-section .summary-item dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.rating-section .summary-item dd{font-weight:var(--font-weight-bold);margin:0}.rating-section .login-prompt{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);flex-direction:column;display:flex}.rating-section .login-actions{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}@media (max-width:767.98px){.rating-section .login-actions{flex-direction:column;align-items:flex-start}}.rating-section .suspended-note{color:var(--color-text-muted);font-size:var(--font-size-sm)}
