.system-popup[data-slot=dialog-content]{border:1px solid var(--border);border-radius:var(--app-card-radius,10px);background:var(--surface);width:min(32rem,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text-1);flex-direction:column;gap:16px;padding:24px;display:flex;overflow:hidden}.system-popup-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.35}.system-popup-title:focus{outline:none}.system-popup-body{overscroll-behavior:contain;overflow-wrap:anywhere;min-width:0;min-height:0;overflow-y:auto}.system-popup-footer{flex:none}.system-popup-footer :is(a,button){align-items:center;min-height:44px;display:inline-flex}.system-popup-footer :is(a,button):focus-visible{outline:2px solid var(--field-focus);outline-offset:3px}.system-popup-close{width:44px;height:44px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:3px;flex-shrink:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.system-popup-close:hover{background:var(--bg-2);color:var(--text-1)}.system-popup-close:focus-visible{background:var(--bg-2);color:var(--button-fill);outline:none}.system-popup-error{color:var(--text-2);align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.5;display:flex}.system-popup-error>svg{color:var(--amber);flex-shrink:0;margin-top:2px}@media (max-width:480px),(max-height:480px){.system-popup[data-slot=dialog-content]{padding:20px}}
.onboarding-survey{border:1px solid var(--border);border-radius:var(--app-card-radius,10px);background:var(--surface);width:min(440px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text-1);flex-direction:column;gap:0;padding:16px 20px 12px;display:flex;overflow:hidden;box-shadow:0 16px 48px #0000002e}.onboarding-survey__header{flex:none;padding-bottom:16px}.onboarding-survey__topline{justify-content:space-between;align-items:center;min-height:32px;margin:-6px -10px 8px 0;display:flex}.onboarding-survey__progress{align-items:center;display:flex}.onboarding-survey__dots{gap:6px;display:flex}.onboarding-survey__dots>span{background:var(--border-md);border-radius:50%;width:7px;height:7px}.onboarding-survey__dots>span[data-active]{background:var(--button-fill)}.onboarding-survey__dots>span[data-complete]{background:color-mix(in srgb, var(--button-fill) 45%, var(--border-md))}.onboarding-survey__close{width:44px;height:44px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.onboarding-survey__close:hover{background:var(--bg-2);color:var(--text-1)}.onboarding-survey__title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.35}.onboarding-survey__title:focus{outline:none}.onboarding-survey__description{color:var(--text-2);margin:4px 0 0;font-size:14px;line-height:1.5}.onboarding-survey__body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;margin:-3px;padding:3px;overflow-y:auto}.onboarding-survey__options{flex-direction:column;gap:8px;display:flex}.onboarding-survey__option{border:1px solid var(--border-md);border-radius:var(--app-card-radius,10px);background:var(--surface);width:100%;min-height:54px;color:var(--text-1);text-align:left;cursor:pointer;flex:none;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.onboarding-survey__option:hover{border-color:var(--text-3);background:var(--bg-2)}.onboarding-survey__option[data-selected]{border-color:var(--button-fill);background:color-mix(in srgb, var(--button-fill) 7%, var(--surface))}.onboarding-survey__icon{width:28px;height:28px;color:var(--text-2);flex:0 0 28px;justify-content:center;align-items:center;display:flex}.onboarding-survey__icon svg{flex:none;display:block}.onboarding-survey__label{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:1.45}.onboarding-survey__check{color:var(--button-fill);flex:none}.onboarding-survey__other{flex-direction:column;gap:6px;margin-top:16px;display:flex}.onboarding-survey__other label{color:var(--text-2);font-size:14px;font-weight:500}.onboarding-survey__other input{border:1px solid var(--input-border,var(--border-md));border-radius:var(--app-card-radius,10px);background:var(--surface);width:100%;min-height:46px;color:var(--text-1);padding:10px 12px;font-size:16px;line-height:1.5}.onboarding-survey__other input::placeholder{color:var(--input-placeholder)}.onboarding-survey__other input:focus{border-color:var(--input-focus,var(--text-3));outline:2px solid var(--input-focus,var(--text-3));outline-offset:2px}.onboarding-survey__footer{flex:none;justify-content:flex-end;align-items:center;gap:12px;padding-top:8px;display:flex}.onboarding-survey__skip{min-height:44px;color:var(--text-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:8px 0 8px 12px;font-size:14px;text-decoration:none}.onboarding-survey__skip:hover{color:var(--text-1)}.onboarding-survey__continue{background:var(--button-fill);min-height:44px;color:var(--button-on-fill);margin-right:auto;padding:10px 20px}.onboarding-survey__continue:hover{background:var(--button-fill-hover)}.onboarding-survey :is(button,input):focus-visible{outline:2px solid var(--text-3);outline-offset:2px}@media (max-width:380px){.onboarding-survey{padding-left:16px;padding-right:16px}.onboarding-survey__option{gap:10px;padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.onboarding-survey__option{transition:none}}