.commentary-form-shell{width:100%;max-width:32rem}.commentary-form-shell--season{max-width:46rem}.commentary-create-form{gap:.75rem;display:grid}.commentary-field,.commentary-input-shell{min-width:0;position:relative}.commentary-input-icon{z-index:2;color:var(--color-brand-red-dark);pointer-events:none;place-items:center;display:grid;position:absolute;top:1.625rem;left:1rem;transform:translateY(-50%)}.commentary-input{border:0;border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);width:100%;min-height:3.25rem;color:var(--color-ink);text-align:left;background:#fff;border-radius:10px;padding:.82rem 3rem .82rem 2.75rem;font-size:1rem}.commentary-input::placeholder{color:#6e685f;opacity:1}.commentary-input:focus-visible{outline:3px solid var(--color-brand-red-dark);outline-offset:3px}.commentary-input:disabled{opacity:.62;cursor:not-allowed}.commentary-field-hint{color:var(--color-text-secondary);margin:.42rem 0 0;font-size:.72rem;font-weight:650;line-height:1.4}.commentary-history-toggle{z-index:3;background:var(--color-brand-cream);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:1.625rem;right:.65rem;transform:translateY(-50%)}.commentary-history-toggle:hover{color:var(--color-ink)}.commentary-history{z-index:60;border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);background:#fff;border-radius:11px;padding:.35rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}.commentary-history-item{width:100%;min-height:2.75rem;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;font-size:.82rem;display:flex}.commentary-history-item:hover,.commentary-history-item:focus-visible{background:var(--color-brand-cream)}.commentary-history-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.commentary-history-item small{color:var(--color-text-muted);font-size:.68rem}.commentary-options{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem 1rem;display:flex}.commentary-audio-option{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;font-weight:750;display:inline-flex}.commentary-audio-option input{width:1.15rem;height:1.15rem;accent-color:var(--color-brand-red-dark)}.commentary-submit{background:var(--color-ink-soft);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:3.25rem;padding:.8rem 1rem;font-size:.88rem;font-weight:950;line-height:1;transition:background .18s,transform .18s;display:inline-flex}.commentary-submit:hover:not(:disabled){background:var(--color-brand-red-dark);transform:translateY(-1px)}.commentary-submit:disabled{color:#5d5952;cursor:not-allowed;background:#d0cec7}.commentary-season-lock{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-height:3.25rem;padding:.8rem 1rem;font-size:.82rem;font-weight:850;display:flex}.commentary-submit-secondary{background:var(--color-ink)}.commentary-error{color:#772719;background:#ffe5df;border-radius:10px;margin-top:1rem;padding:.85rem 1rem;font-size:.84rem;font-weight:750;line-height:1.5}.commentary-error--season{color:#5e4100;background:#fff1c9}.commentary-error--season p{margin:0}.commentary-error--season p+p,.commentary-error--season small{margin-top:.4rem;display:block}.commentary-form-shell--compact{max-width:35rem}.commentary-form-shell--compact .commentary-create-form{background:#f7f2e8;border:1px solid #ffffff2e;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.25rem;padding:.38rem}.commentary-form-shell--compact .commentary-input{background:0 0;border:0;border-radius:0}.commentary-form-shell--compact .commentary-field-hint{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.commentary-form-shell--compact .commentary-submit{white-space:nowrap;border-radius:0;width:auto;min-width:9.25rem}.commentary-form-shell--compact .commentary-history{top:calc(100% + .75rem)}@media (width<=520px){.commentary-form-shell--compact .commentary-create-form{border-radius:0;grid-template-columns:minmax(0,1fr) 7.8rem;gap:.25rem;padding:.3rem}.commentary-form-shell--compact .commentary-input{background:0 0;border-radius:0;min-height:3.2rem;padding-right:.5rem;font-size:.9rem}.commentary-form-shell--compact .commentary-submit{border-radius:0;width:100%;min-width:0;padding-inline:.6rem}}@media (prefers-reduced-motion:reduce){.commentary-submit{transition:none}}