.commentary-page__main{max-width:40rem}.commentary-page__back{color:#1a120f;background:#ff7a67;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:48px;margin:0 auto 16px;padding:0 22px;font-weight:700;text-decoration:none;display:flex}.commentary-page__back:before{content:"←"}.commentary{flex-direction:column;gap:12px;margin-top:20px;display:flex}.commentary__note,.commentary__error{text-align:center;margin:0;font-size:.85rem;line-height:1.45}.commentary__note{color:#ffffffd1}.commentary__error{color:#ffb999}.commentary__clock{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:700}.commentary__actions{flex-direction:column;gap:10px;display:flex}.commentary__button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;font-weight:700}.commentary__button--record{color:#1a120f;background:#58c8ae}.commentary__button--submit{color:#1a120f;background:#ff7a67}.commentary__button:disabled{opacity:.45;cursor:default}.commentary__preview{opacity:0;max-height:0;transition:max-height .22s ease-out,opacity .22s ease-out;overflow:hidden}.commentary__preview--open{opacity:1;max-height:80px}.commentary__audio{width:100%}@media (min-width:640px){.commentary__actions{flex-direction:row}.commentary__button{flex:1 1 0}}