.account-profile-form{padding:22px;margin-block-end:24px;border:1px solid #294237;border-radius:16px;text-align:right;direction:rtl;background:#102019;color:#e7f7ed}.account-profile-form h2{margin-block:0 8px;font-size:21px}.account-profile-form>p{font-size:13px;color:#a9c5b5;line-height:1.9}.profile-fields{display:flex;flex-wrap:wrap;gap:16px;margin-block:20px}.profile-fields>label{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c9ded2}.profile-fields input,.profile-fields select{font:inherit;font-size:16px;min-height:46px;width:100%;min-width:0;border:1px solid #365044;border-radius:10px;padding:10px 12px;background:#0a1711;color:#e6f6ec}.profile-fields input::placeholder{color:#809e8d;font-size:13px}.profile-fields input[readonly]{background:#14281e;color:#a9c5b5}.profile-fields input:focus-visible,.profile-fields select:focus-visible{outline:2px solid #8bf5b0;outline-offset:2px}.optional-field{position:relative}.optional-field input{padding-left:74px}.optional-field>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:11px;color:#a5c5b3;background:#183325;padding:2px 6px;border-radius:5px;pointer-events:none}.profile-fields>label[hidden],.password-login-form[hidden]{display:none!important}.account-profile-form [role=status]{min-height:1.6em;font-size:13px;color:#a4e4bd}.google-login{display:flex;justify-content:center;margin-block:14px}.account-feature-dialog{font:inherit;direction:rtl;text-align:right;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #345443;border-radius:20px;padding:26px;color:#e8f8ee;background:radial-gradient(ellipse at top right,#203b2e 0,transparent 60%),#0c1a13;box-shadow:0 24px 80px #0006}.account-feature-dialog::backdrop{background:#050c08a6;backdrop-filter:blur(4px)}.feature-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-dialog-heading button{border:1px solid #355342;border-radius:9px;background:#183225;color:#d6efe0;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;line-height:0;cursor:pointer;flex-shrink:0}.feature-dialog-heading button svg{display:block;width:18px;height:18px}.onboard-count{font-size:12px;color:#a7c6b5}.onboard-progress{display:flex;gap:6px;margin:20px 0}.onboard-progress i{height:3px;flex:1;background:#294637;border-radius:3px}.onboard-progress i.done{background:#8bf5b0}.account-feature-dialog h2{font-size:23px;line-height:1.6;margin:0 0 8px;color:#e8f8ee}.account-feature-dialog .onboard-help{min-height:42px;font-size:13px;line-height:1.9;color:#a9c7b6;margin:0 0 18px}.onboard-steps fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:9px;min-width:0}.onboard-steps fieldset[hidden]{display:none!important}.onboard-choice{display:flex;align-items:center;position:relative;gap:10px;min-height:49px;padding:12px 14px;border:1px solid #304c3d;border-radius:11px;background:#10241a;color:#d5eadd;font-size:14px;cursor:pointer}.onboard-choice input{position:absolute;opacity:0;width:1px;height:1px}.onboard-choice span{flex:1}.onboard-choice>svg{width:19px;height:19px;opacity:0;stroke-width:2}.onboard-choice:has(input:checked){border-color:#8bf5b0;background:#1a3c29;color:#b7f7cd}.onboard-choice:has(input:checked)>svg{opacity:1}.onboard-choice:has(input:focus-visible){outline:2px solid #b0ffd0;outline-offset:2px}.onboard-choice:hover{background:#1a3325}.feature-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.account-feature-dialog .btn.secondary{color:#c4ddce;background:#183225;border:1px solid #365443;opacity:1}.onboard-later{border:0;background:none;color:#a5c7b3;font:inherit;font-size:12px;padding:9px;cursor:pointer;margin-inline-start:auto}.onboard-status{min-height:1.8em;margin:12px 0 0;color:#b2e9c5;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-feature-dialog[open]{animation:feature-in .18s ease-out}.account-feature-dialog.closing{animation:feature-out .16s ease-in forwards}.step-enter{animation:step-in .16s ease-out}@keyframes feature-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes feature-out{to{opacity:0;transform:translateY(6px) scale(.99)}}@keyframes step-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}@media(max-width:480px){.account-feature-dialog{padding:20px}.account-feature-dialog h2{font-size:20px}.account-profile-form{padding:16px}.profile-fields{gap:13px}.profile-fields>label{flex-basis:100%}.feature-form-actions .btn{flex:1}.onboard-choice{min-height:47px;padding:11px 12px}}@media(prefers-reduced-motion:reduce){.account-feature-dialog[open],.account-feature-dialog.closing,.step-enter{animation:none}}[data-profile-avatar]{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.site-header a[data-avatar]{padding:3px!important;min-width:42px;width:42px;height:42px;border-radius:50%!important;background:#221a35!important;border:1px solid #78619b!important}.site-header a[data-avatar]:before,.site-header a[data-avatar]:after,.site-header a[data-avatar]>svg,.site-header a[data-avatar]>span{display:none!important}.site-header a[data-avatar]>img{display:block!important}#panel-profile summary[data-avatar]>svg{display:none}.avatar-picker{border:0;padding:0;margin:0 0 24px;min-width:0}.avatar-picker legend{font-size:14px;margin-bottom:12px;font-weight:600}.avatar-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:490px}.avatar-option{position:relative;display:flex!important;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;cursor:pointer;aspect-ratio:1;padding:3px;transition:border-color .18s,background .18s}.avatar-option img{width:100%;height:100%;max-width:64px;border-radius:50%;display:block}.avatar-option input{position:absolute!important;opacity:0;width:1px!important;height:1px!important;padding:0!important}.avatar-option:has(input:checked){border-color:#bda4f0;background:#6c489044}.avatar-option:has(input:focus-visible){outline:2px solid #c9b4f4;outline-offset:3px}@media(max-width:380px){.avatar-options{gap:5px}.avatar-option{padding:2px}}.auth-mode-nav{display:flex;flex-wrap:wrap;gap:.5rem}.auth-flow{min-width:0;text-align:right}.auth-flow input{font-size:16px}.auth-flow [hidden]{display:none!important}
