.contact-app{max-width:560px;margin:0 auto;padding:16px 20px 60px}.page-top{position:relative;display:flex;align-items:center;margin-bottom:16px;min-height:34px}.page-top .back-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:700;text-decoration:none;flex-shrink:0}.page-top .back-btn:hover{background:var(--surface-hover, #f7f7f9)}.logo-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.logo-img{height:18px;display:block}.contact-header{padding:8px 0 20px}.contact-header h1{font-size:22px;font-weight:800;margin-bottom:6px}.contact-header p{color:var(--text-tertiary);font-size:14px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form[hidden]{display:none}.contact-kind{display:flex;gap:8px}.kind-option{flex:1}.kind-option input{position:absolute;opacity:0;pointer-events:none}.kind-option span{display:block;text-align:center;padding:11px 8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:700;color:var(--text-tertiary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.kind-option input:checked+span{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}.kind-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-field[hidden]{display:none}.contact-field label{font-size:13px;font-weight:700}.contact-field label small{font-weight:500;color:var(--muted)}.contact-field input,.contact-field textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-family:inherit}.contact-field textarea{resize:vertical;line-height:1.6}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--accent)}.field-help{font-size:12px;color:var(--muted);line-height:1.5}.contact-submit{padding:13px;font-size:15px;border-radius:12px}.contact-note{font-size:12px;color:var(--muted);text-align:center}.contact-done{text-align:center;padding:48px 0}.contact-done .done-icon{font-size:40px;margin-bottom:12px}.contact-done h2{font-size:20px;font-weight:800;margin-bottom:8px}.contact-done p{color:var(--text-tertiary);font-size:14px;margin-bottom:24px}.done-actions{display:flex;gap:10px;justify-content:center}.done-actions .btn-primary,.done-actions .btn-secondary{padding:11px 20px;border-radius:12px;text-decoration:none;font-size:14px}