.onboarding-modal-card{position:relative;height:320px;width:100%;max-width:520px;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);background:var(--color-secondary);box-shadow:0 16px 48px rgba(0,0,0,.18);font-family:var(--font-search);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.onboarding-modal-inner{display:flex;flex-direction:column;height:100%;padding:18px 24px 16px;gap:12px}.onboarding-modal-header{flex-shrink:0}.onboarding-modal-main{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;gap:10px}.onboarding-modal-intro{flex-shrink:0}.onboarding-modal-body{flex:1 1 auto;min-height:0;overflow:hidden}.onboarding-modal-body.is-scroll{overflow-y:auto;overflow-x:hidden;margin-right:-4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.onboarding-modal-body.is-scroll::-webkit-scrollbar{width:4px}.onboarding-modal-body.is-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--color-border)}.onboarding-modal-content{display:flex;flex-direction:column;gap:14px}.onboarding-modal-footer{flex-shrink:0;margin-top:auto}.onboarding-modal-footer.is-actions{padding-top:10px;border-top:1px solid var(--color-border-subtle)}.onboarding-modal-footer.is-hint{padding-top:8px}.onboarding-step-label{font-size:11px;font-weight:500;color:var(--color-text-muted)}.onboarding-progress-track{height:2px;border-radius:999px;background:var(--color-border-subtle);overflow:hidden}.onboarding-progress-fill{height:100%;border-radius:inherit;background:var(--color-surface);transition:width .3s ease}.onboarding-modal-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--color-text-primary)}.onboarding-modal-subtitle{font-size:.8125rem;line-height:1.45;color:var(--color-text-secondary)}.onboarding-chip{min-height:36px;border:none;border-radius:14px;padding:5px 14px;font-family:var(--font-search);font-size:11px;font-weight:500;background:var(--color-chip-inactive);color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.onboarding-chip:hover:not(:disabled){background:var(--color-control-hover);color:var(--color-text-primary)}.onboarding-chip.is-selected{background:var(--color-chip-active);color:var(--color-text-on-surface)}.onboarding-chip:disabled{opacity:.5;cursor:not-allowed}.onboarding-chip-size{min-width:2.75rem}.onboarding-age-grid,.onboarding-city-grid,.onboarding-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:2px}.onboarding-chip-grid .onboarding-chip{display:flex;align-items:center;justify-content:center;width:100%}.onboarding-skip{font-size:11px;font-weight:500;color:var(--color-text-muted);transition:color .15s ease}.onboarding-back-btn,.onboarding-skip:hover:not(:disabled){color:var(--color-text-primary)}.onboarding-back-btn{min-height:36px;border-radius:var(--radius-control);padding:0 14px;font-family:var(--font-search);font-size:11px;font-weight:500;border:1px solid var(--color-border-subtle);background:var(--color-secondary);transition:background .15s ease}.onboarding-back-btn:hover:not(:disabled){background:var(--color-primary)}.onboarding-finish-btn{min-height:36px;border-radius:var(--radius-control);padding:0 18px;font-family:var(--font-search);font-size:12px;font-weight:500;color:var(--color-cta-foreground);background:var(--color-cta);transition:background .15s ease}.onboarding-finish-btn:hover:not(:disabled){background:var(--color-cta-hover)}.onboarding-finish-btn:disabled{opacity:.5}.onboarding-footer-hint{font-size:11px;color:var(--color-text-muted)}.onboarding-size-label{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.onboarding-textarea{width:100%;resize:none;border-radius:var(--radius-control);border:1px solid var(--color-border-subtle);background:var(--color-secondary);padding:10px 12px;font-family:var(--font-search);font-size:12px;color:var(--color-text-primary);transition:border-color .15s ease}.onboarding-textarea:focus{outline:none;border-color:var(--color-surface)}.onboarding-textarea::placeholder{color:var(--color-text-muted)}@media (max-width:560px){.onboarding-modal-card{height:min(320px,82dvh);max-width:calc(100vw - 24px)}.onboarding-modal-inner{padding:16px 18px 14px}}