.feedback-page{background:var(--color-bg-page);flex-direction:column;width:100%;max-width:860px;min-height:100dvh;margin-inline:auto;display:flex}.feedback-page__content{padding:18px 22px calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex:1;width:100%;max-width:68ch;margin-inline:auto}.feedback-page__heading{font-family:var(--font-heading);font-size:30px;font-weight:var(--font-weight-bold);color:var(--c-text);line-height:var(--line-height-tight);margin:0 0 var(--spacing-md)}.feedback-page__intro{font-family:var(--font-body);color:var(--c-text-2);margin:0 0 var(--spacing-md);font-size:13.5px;line-height:1.6}.feedback-page__promise{background:var(--c-primary-tint);border-radius:var(--radius-input);font-family:var(--font-body);color:var(--c-text-2);margin:0 0 var(--spacing-lg);padding:12px 14px;font-size:13px;line-height:1.6}.feedback-page__form{flex-direction:column;display:flex}.feedback-page__hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.feedback-page__error{align-items:flex-start;gap:var(--spacing-sm);border-radius:var(--radius-input);color:var(--c-heart);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);box-sizing:border-box;background:#e8557a1a;padding:12px 14px;display:flex}.feedback-page__label{font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi);color:var(--c-text-2);line-height:var(--line-height-normal);margin-bottom:6px}.feedback-page__textarea{box-sizing:border-box;border:1.5px solid var(--c-line);border-radius:var(--radius-input);width:100%;min-height:160px;font-family:var(--font-body);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);color:var(--c-text);background:var(--c-card);line-height:var(--line-height-normal);resize:vertical;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.feedback-page__textarea::placeholder{color:var(--c-text-3)}.feedback-page__textarea:hover{border-color:var(--c-primary-light)}.feedback-page__textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px #5550a01a}.feedback-page__textarea:disabled{background:var(--c-muted);opacity:.7}.feedback-page__meta{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);margin:6px 0 var(--spacing-lg);display:flex}.feedback-page__hint{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--c-text-2);line-height:var(--line-height-normal)}.feedback-page__counter{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--c-text-3);font-variant-numeric:tabular-nums;line-height:var(--line-height-normal);transition:color .15s}.feedback-page__counter--near{color:var(--c-warn)}.feedback-page__counter--full{color:var(--c-heart);font-weight:var(--font-weight-semi)}.feedback-page__submit{width:100%;height:var(--size-button-height);border-radius:var(--radius-button);background:var(--c-primary);color:var(--color-text-on-primary);font-family:var(--font-body);font-size:15px;font-weight:var(--font-weight-semi);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}@media (hover:hover){.feedback-page__submit:not(:disabled):hover{background:var(--c-primary-hover)}}.feedback-page__submit:not(:disabled):active{transform:scale(.98)}.feedback-page__submit:disabled{background:var(--c-primary-light);cursor:not-allowed}.feedback-page__spinner{border:2px solid #ffffff4d;border-top-color:var(--color-text-on-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite feedback-page-spin;display:inline-block}@keyframes feedback-page-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.feedback-page__spinner{border-top-color:#fff9;animation:none}}.feedback-page__privacy{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--c-text-3);margin:var(--spacing-md) 0 0;line-height:1.6}.feedback-page__privacy-link{color:var(--c-primary);font-weight:var(--font-weight-semi);text-decoration:none}.feedback-page__privacy-link:hover{text-decoration:underline}.feedback-page__back{text-align:center;font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-semi);color:var(--c-primary);margin-top:var(--spacing-xl);padding:10px 0;text-decoration:none;display:block}.feedback-page__back:hover{text-decoration:underline}