.comment-input{display:flex;flex-direction:column;gap:.75rem;padding:0;background:transparent;width:100%;max-width:100%;box-sizing:border-box}.comment-input--reply{padding:.75rem;background:var(--color-white-04);border:1px solid var(--color-white-08);border-radius:16px}.comment-input--logged-out{padding:0;background:transparent;border:none}.comment-input__login-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--color-white-08);border:1px dashed var(--color-white-16);border-radius:24px;color:var(--color-secondary-text);font-size:.95rem;cursor:pointer;transition:all .2s ease}.comment-input__login-prompt:hover{background:var(--color-white-12);border-color:var(--color-white-16);color:var(--color-primary-text)}.comment-input__login-icon{font-size:1.1rem}.comment-input__form{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.comment-input__form,.comment-input__textarea{width:100%;max-width:100%;box-sizing:border-box}.comment-input__textarea{min-height:80px;padding:1rem;background:var(--color-white-04);border:1px solid var(--color-white-08);border-radius:16px;color:var(--color-primary-text);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s ease}.comment-input--reply .comment-input__textarea{min-height:60px;border-radius:12px}.comment-input__textarea::placeholder{color:var(--color-tertiary-text)}.comment-input__textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-white-08)}.comment-input__textarea:disabled{opacity:.6;cursor:not-allowed}.comment-input__actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.comment-input__submit-btn{width:100%;max-width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%);border:none;border-radius:24px;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.comment-input__submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-15)}.comment-input__submit-btn:active:not(:disabled){transform:translateY(0)}.comment-input__submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-input__cancel-btn{width:100%;padding:.75rem 1.5rem;background:var(--color-white-08);border:1px solid var(--color-white-12);border-radius:24px;color:var(--color-secondary-text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comment-input__cancel-btn:hover:not(:disabled){background:var(--color-white-12);border-color:var(--color-white-16);color:var(--color-primary-text)}.comment-input__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.comment-input--reply .comment-input__actions{flex-direction:row;justify-content:flex-end}.comment-input--reply .comment-input__cancel-btn,.comment-input--reply .comment-input__submit-btn{width:auto;padding:.5rem 1.25rem;font-size:.9rem;border-radius:20px}@media (max-width:560px){.comment-input__textarea{min-height:70px;font-size:.9rem;padding:.875rem}.comment-input__submit-btn{padding:.75rem 1.25rem;font-size:.95rem}}