.contact-page{min-height:var(--stage-h);display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem}.contact-container{width:100%;max-width:640px}.contact-header{text-align:center;margin-bottom:2rem}.contact-header>*+*{margin-top:.5rem}.contact-card{padding:2rem;display:flex;flex-direction:column;gap:1.75rem;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--r);box-shadow:var(--card-shadow)}.contact-title{color:var(--ink);font-weight:650;letter-spacing:-.01em;line-height:1.2;font-size:1.3rem}.contact-title--lg{font-size:1.7rem}.contact-text{color:var(--ink-dim);font-size:.95rem;line-height:1.5}.contact-caption{color:var(--ink-faint);font-size:.8rem;line-height:1.5}.contact-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;border:none;border-radius:var(--r);cursor:pointer;transition:background .15s ease;white-space:nowrap}.contact-btn--md{padding:.6rem 1.1rem;font-size:.9rem;min-height:2.5rem}.contact-btn--secondary{background:var(--accent-soft);color:var(--ink)}.contact-btn--secondary:hover{background:rgba(var(--ink-rgb),.12)}.contact-categories{display:flex;flex-direction:column;gap:.5rem}.contact-pills{display:flex;flex-wrap:wrap;gap:.5rem}.contact-pill{padding:.5rem 1rem;border-radius:100px;border:1px solid var(--stroke);background:var(--field);color:var(--ink-dim);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.contact-pill:hover{background:var(--accent-soft);border-color:var(--stroke-2);color:var(--ink)}.contact-pill--active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.contact-pill--active:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent)}.contact-category-desc{font-size:.75rem;color:var(--ink-faint);padding-left:.25rem}.contact-user-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:var(--r);border:1px solid var(--stroke);background:var(--field)}.contact-user-card__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-user-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--ink);font-size:1rem;font-weight:600}.contact-user-card__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.contact-user-card__name{font-size:.875rem;font-weight:600;color:var(--ink)}.contact-user-card__email,.contact-user-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-user-card__email{font-size:.75rem;color:var(--ink-faint)}.contact-fields{display:flex;flex-direction:column;gap:1.25rem}.contact-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.contact-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.contact-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.contact-input,.contact-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--stroke);border-radius:var(--r);background:var(--field);color:var(--ink);font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .2s ease,background .2s ease}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:var(--accent);background:var(--panel)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--ink-faint)}.contact-textarea{resize:vertical;min-height:120px}.contact-charcount{position:absolute;bottom:.5rem;right:.75rem;font-size:.6875rem;color:var(--ink-faint);pointer-events:none}.contact-error{padding:.75rem 1rem;border-radius:var(--r);background:rgba(180,35,24,.08);border:1px solid rgba(180,35,24,.2);color:var(--bad);font-size:.8125rem}.contact-error,.contact-submit{display:flex;align-items:center;gap:.5rem}.contact-submit{flex-direction:column}.contact-submit-hint{text-align:center}.cts__slider{width:100%;max-width:360px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.cts__slider--disabled{opacity:.45;pointer-events:none}.cts__track{position:relative;height:52px;border-radius:26px;border:1px solid var(--stroke);background:var(--field);overflow:hidden;cursor:-webkit-grab;cursor:grab}.cts__track:active{cursor:-webkit-grabbing;cursor:grabbing}.cts__fill{position:absolute;inset:0;border-radius:26px;background:var(--accent-soft);transition:width .05s linear;pointer-events:none}.cts__thumb{position:absolute;top:2px;left:2px;width:48px;height:48px;border-radius:24px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--on-accent);transition:transform .05s linear;box-shadow:var(--card-shadow-sm);z-index:1}.cts__slider--done .cts__thumb{background:#22c55e;color:#fff;box-shadow:0 2px 12px rgba(34,197,94,.3)}.cts__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:500;color:var(--ink-dim);pointer-events:none;padding-left:48px}.cts__label--done{color:#22c55e;padding-left:0;font-weight:600}.cts__slider--done .cts__track{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}.cts__slider--done .cts__fill{background:rgba(34,197,94,.12);width:100%!important}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.75rem}.contact-success__icon{margin-bottom:.5rem}.contact-success__btn{margin-top:1.5rem}@media (max-width:640px){.contact-page{padding:5rem 1rem 2rem}.contact-card{padding:1.5rem}.contact-row{grid-template-columns:1fr}.contact-pills{gap:.375rem}.contact-pill{padding:.375rem .75rem;font-size:.75rem}}.contact-support{margin-top:2.5rem}.contact-support .settings-card{padding:1.5rem;margin-bottom:1.25rem;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--r);box-shadow:var(--card-shadow)}