dialog{border:1px solid #e1dce8;border-radius:16px;padding:24px;color:#342d41;background:#fff;width:calc(100% - 32px);max-width:350px;box-shadow:0 14px 60px #21132e35}dialog::backdrop{background:#21182f65}dialog h2{font-size:23px;line-height:1.25;margin:0 0 12px}dialog p{font-size:14px;color:#756d7e}dialog .avatar{width:48px;height:48px;font-size:17px;margin-bottom:14px}dialog button{min-height:44px;border-radius:9px;padding:9px 14px;border:1px solid #e1dce8;background:#fff;color:#342d41}dialog .primary{background:#7653a8;color:#fff;border-color:#7653a8;width:100%}.close{float:right;border:0!important;padding:0!important;min-width:32px;min-height:32px!important;font-size:22px}.dialog-actions{display:flex;gap:8px;margin-top:20px}.code-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:24px;text-decoration:none;font-weight:600}#login{max-width:380px;padding:24px}#login h2{padding-right:28px}#login p{line-height:1.5;margin:12px 0 20px}#login .primary{border-radius:24px;min-height:46px}.code-label{display:block;font-size:13px;margin-bottom:8px}#login-code{width:100%;height:52px;border:1px solid #bcb5c7;border-radius:10px;background:#faf9fc;color:#342d41;font:600 24px/1 "Segoe UI",sans-serif;letter-spacing:.35em;text-align:center;padding:10px}#login-code:focus-visible{outline:none;border-color:#7653a8;box-shadow:none}#login .code-help{font-size:12px;margin:8px 0 18px;color:#777080}#login #code-error{font-size:13px;color:#c93636;margin:0 0 12px}.resend{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:13px;color:#7653a8;text-decoration:none;margin-top:6px}#login [hidden]{display:none}#login{padding:20px}#login h2{font-size:22px}#login .primary:hover{background:#664594}.resend:hover{text-decoration:underline}

.preview-account{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #777080;border-radius:25px;padding:5px 12px;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.preview-account:hover{background:#ffffff15;border-color:#ccc}.preview-account:active{background:#ffffff25}.preview-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ded6e9;color:#514263;font-size:12px;font-weight:600}.preview-account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.jeni-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.jeni-bottom-nav .preview-account{border:0;border-radius:0;padding:4px;flex-direction:column;gap:3px;font-size:12px;color:#b8b8bd}.jeni-bottom-nav .preview-avatar{width:24px;height:24px;font-size:10px}.preview-account:focus-visible{outline:3px solid #bda1df;outline-offset:3px}#login,#profile{font-family:"Segoe UI",sans-serif;line-height:1.5}#login .primary{background:#7653a8;color:white}#profile .avatar{display:grid;place-items:center;border-radius:50%;background:#ded6e9}#login [hidden]{display:none}@media(min-width:721px){body.preview-signed .design-header .design-max{display:none!important}}@media(max-width:720px){.design-header .preview-account{display:none}}@media(prefers-reduced-motion:reduce){.preview-account{transition:none}}

.resend{width:100%;border:0;background:transparent} .code-link{width:100%}#login-code[aria-invalid="true"],#login-code[aria-invalid="true"]:focus-visible{border:1px solid #c93636;background:#faf9fc;box-shadow:none;outline:none}#login #code-status{color:#655c70;font-size:13px;line-height:1.45;text-align:center;margin:4px 0 0}#login .resend{border:0;background:transparent;color:#7653a8}#login .resend:disabled{opacity:.6;cursor:default;text-decoration:none}#login #login-code:focus,#login #login-code:focus-visible{outline:none!important;box-shadow:none!important}#login #login-code[aria-invalid="true"]{border:1px solid #c93636!important}#login,#profile{padding:24px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}#login h2,#profile h2{margin:0 0 16px;line-height:1.25;padding-right:40px;font-size:23px;outline:none!important}#login .close,#profile .close{position:absolute;right:12px;top:12px;float:none;width:44px;height:44px;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:8px;background:transparent;color:#342d41;font-size:24px;line-height:1;outline:none!important;box-shadow:none!important}#login .close:hover,#profile .close:hover{background:#f3f1f6}#login .close:focus-visible,#profile .close:focus-visible{background:#eeebf3}#login p{margin:0 0 20px}#login .code-help{margin:8px 0 18px}#login #code-error{margin:0 0 12px}#login #code-status{margin:4px 0 0}#profile{max-width:480px}#profile-form{display:grid;gap:16px}.profile-photo-row{display:flex;align-items:center;gap:16px}.profile-photo-row .avatar{margin:0;width:64px;height:64px;flex:none;overflow:hidden;font-size:22px}.profile-photo-row img{width:100%;height:100%;object-fit:cover}.profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-photo-actions button{font-size:13px;padding:7px 10px;min-height:40px}.profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.profile-field{display:grid;gap:6px;min-width:0}.profile-field label{font-size:13px}.profile-field input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #bcb5c7;border-radius:9px;background:#faf9fc;color:#342d41;font:16px "Segoe UI",sans-serif}.profile-field input:focus{outline:none!important;border-color:#7653a8}.profile-field.wide{grid-column:1/-1}#profile .profile-hint{font-size:12px;color:#777080;line-height:1.45;margin:0}#profile .profile-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}#profile .profile-bottom .primary{width:auto;min-width:145px;border-radius:24px}#profile .profile-bottom #logout{border:0;color:#777080;background:none;padding:8px 0}#profile #profile-status{font-size:13px;color:#655c70;margin:0}#profile [hidden]{display:none}@media(max-width:380px){#login,#profile{padding:20px}#login h2,#profile h2{font-size:22px}.profile-photo-row{gap:12px}.profile-fields{gap:12px 10px}}#profile .profile-intro{margin:-4px 0 20px}#profile .avatar svg{width:32px;height:32px;fill:none;stroke:#777080;stroke-width:1.5;stroke-linecap:round}#profile .profile-photo-actions button{min-height:44px}#profile .profile-photo-actions #remove-photo{border:0;background:none;color:#777080}#profile .profile-field input[aria-invalid="true"]{border:1px solid #c93636}#profile .profile-field .field-error{font-size:12px;line-height:1.4;color:#c93636;margin:0}#profile[data-required="true"] .close{display:none}#profile #profile-status.error{color:#c93636}#profile .profile-bottom{padding-top:14px;border-top:1px solid #eeebf3}#profile #profile-form .profile-photo-row{padding-bottom:4px}#profile{scrollbar-width:thin}@media(max-width:600px){#profile{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0;padding:24px 20px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}#profile h2{font-size:24px}#profile .profile-fields{grid-template-columns:1fr}#profile .profile-bottom{position:sticky;bottom:0;background:#fff;padding:16px 0 0;margin-top:4px}#profile .profile-photo-actions{gap:4px}#profile .profile-hint{max-width:52ch}}@media(max-height:450px){#profile .profile-bottom{position:static}}#profile .profile-field label,#profile .profile-field input{margin:0!important}#profile .profile-field input{padding:10px 12px!important}#profile .profile-field{align-content:start}#profile .profile-bottom .primary{font-size:14px;padding:10px 16px}@media(max-width:600px){#profile{width:100vw!important;max-width:100vw!important;left:0;right:0}#profile .profile-bottom{gap:8px}#profile .profile-bottom #logout{font-size:13px}#profile .profile-bottom .primary{min-width:0;padding:10px 14px;font-size:13px}}#profile .profile-photo-row{flex-direction:column;gap:8px;align-items:center;padding:0 0 4px}#profile .profile-photo-row .avatar{width:96px;height:108px;border-radius:18px;background:#f0edf5;overflow:hidden}#profile .avatar>svg{width:100%;height:100%;stroke:none;fill:none}#profile .profile-photo-actions{justify-content:center}#profile .profile-photo-actions #change-photo{border:0;background:transparent;color:#7653a8;padding:6px 12px;font-size:13px;border-radius:8px}#profile .profile-bottom{justify-content:center}#profile .profile-bottom .primary{min-width:160px}#profile[data-required="true"] #logout{display:none}#profile #email-hint{display:none!important}#profile .profile-field label span{font-size:12px}#profile .avatar img{border-radius:18px!important}@media(hover:hover){#profile button:not(:disabled):hover{background:#f1edf6;border-color:#a997bf}#profile .profile-photo-actions #change-photo:hover{background:transparent;color:#60418a}#profile .profile-bottom .primary:hover{background:#654390;border-color:#654390}#login button:not(:disabled):hover{filter:brightness(.97)}}#profile button:not(:disabled):active{filter:brightness(.94)}#profile button:focus-visible{outline:2px solid #a997bf;outline-offset:2px}@media(prefers-reduced-motion:no-preference){#profile button{transition:background-color .15s,color .15s,border-color .15s}}#profile .preview-avatar svg,.preview-account .preview-avatar svg{width:100%;height:100%;stroke:none;fill:none} .preview-account .preview-avatar{overflow:hidden;flex-shrink:0;background:#eeebf1;border-radius:50%}.preview-account .preview-avatar>svg{display:block;width:100%;height:100%;stroke:none;fill:none}#profile .profile-photo-row .avatar{background:#eeebf1}#profile .profile-bottom .primary{min-width:200px;min-height:48px;padding:12px 24px;font-size:16px;line-height:1.5;border-radius:28px}@media(min-width:601px){#profile .profile-photo-row .avatar{width:128px;height:144px;border-radius:24px}#profile .avatar img{border-radius:24px!important}}

#profile .profile-photo-actions button{cursor:pointer;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px}#profile .profile-photo-actions #remove-photo{padding:6px 12px;color:#777080}#profile .profile-photo-actions button:focus-visible{outline:none;text-decoration:underline;color:#60418a}#profile .profile-photo-actions button:not(:disabled):active{filter:none;color:#493365;text-decoration:underline}@media(hover:hover){#profile .profile-photo-actions #change-photo:hover,#profile .profile-photo-actions #remove-photo:hover{background:transparent!important;color:#60418a;text-decoration:underline}}

#profile label[for="profile-first"] span{color:#c93636}#profile .profile-bottom .primary{cursor:pointer;box-shadow:none}#profile .profile-bottom .primary:disabled{cursor:wait;opacity:.65;box-shadow:none}#profile .profile-bottom .primary:focus-visible{outline:2px solid #7653a8;outline-offset:3px}@media(hover:hover){#profile .profile-bottom .primary:not(:disabled):hover{background:#60418a;border-color:#60418a;box-shadow:0 4px 12px #342d4133;filter:none}}#profile .profile-bottom .primary:not(:disabled):active{background:#503474;border-color:#503474;box-shadow:0 1px 4px #342d4126;filter:none}@media(prefers-reduced-motion:no-preference){#profile .profile-bottom .primary{transition:background-color .15s,box-shadow .15s}}

#profile .profile-bottom{flex-direction:column;gap:4px}#profile .profile-bottom #logout{order:1;min-height:44px;min-width:96px;padding:8px 16px;cursor:pointer;background:transparent;border:0;text-underline-offset:4px;text-decoration-thickness:1px}#profile .profile-bottom #logout:focus-visible{outline:2px solid #a997bf;outline-offset:2px;text-decoration:underline}#profile .profile-bottom #logout:not(:disabled):active{background:transparent;color:#493365;filter:none;text-decoration:underline}@media(hover:hover){#profile .profile-bottom #logout:hover{background:transparent;color:#60418a;text-decoration:underline}}


#login #get-code{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;min-height:48px;cursor:pointer}#login #open-jeni-login{display:block;margin:8px 0 0;padding:6px 0;min-height:32px;text-align:center;font-size:14px;line-height:1.45;text-decoration:none;color:#7653a8}#login #open-jeni-login:hover{text-decoration:underline;color:#60418a}#login #open-jeni-login:focus-visible{outline:2px solid #7653a8;outline-offset:2px}
#login [hidden]{display:none!important}#intro-status{font-size:13px;color:#655c70}

#login a[aria-disabled=true]{opacity:.6;cursor:default}#login a.resend{display:block;text-align:center;cursor:pointer}#login a.primary{display:block;text-align:center;cursor:pointer}

#login .login-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;line-height:1.5}#login .login-steps p{margin:0}

#login,#profile{box-sizing:border-box;text-align:center;padding:32px;max-height:calc(100dvh - 32px)}
#login{width:calc(100% - 32px);max-width:480px}
#login h2,#profile h2{padding:0 28px;margin:0 0 24px;font-size:28px;line-height:1.25;text-align:center}
#login p,#profile .profile-hint{font-size:16px;line-height:1.5;text-align:center}
#login .login-steps{margin-bottom:24px}#login .login-steps p{margin-bottom:16px}
#login .primary,#login #get-code,#profile .primary{min-height:52px;font-size:16px;padding:12px 24px;cursor:pointer}
#login .resend{font-size:14px;min-height:44px}
#profile .profile-bottom{justify-content:center}#profile .profile-field label{text-align:center}
#jeni-reviews-desktop #write:has(.jr-guest:not([hidden])){text-align:center;padding:32px}
#jeni-reviews-desktop #write:has(.jr-guest:not([hidden])) .jd-form-head{margin-bottom:16px}
#jeni-reviews-desktop #write:has(.jr-guest:not([hidden])) h2{font-size:28px;line-height:1.3;text-wrap:balance}
#jeni-reviews-desktop #write .jr-guest p{margin:0 0 24px;font-size:16px;line-height:1.5}
#jeni-reviews-desktop #write .jr-login{min-height:52px;min-width:220px;font-size:16px}
@media(max-width:600px){
#login,#profile{padding:24px 20px}
#login h2,#profile h2{font-size:24px;margin-bottom:20px;padding:0 24px}
#login .close,#profile .close{top:6px;right:6px}
#jeni-reviews-desktop #write:has(.jr-guest:not([hidden])){padding:24px 20px}
#jeni-reviews-desktop #write:has(.jr-guest:not([hidden])) h2{font-size:24px}
#jeni-reviews-desktop #write .jr-login{width:100%;min-width:0}
}


/* Form labels align with their input; popup headings retain centred alignment. */
#profile{max-width:560px}
#profile .profile-fields{gap:20px 16px;text-align:left}
#profile .profile-field{gap:8px}
#profile .profile-field label{font-size:17px;line-height:24px;text-align:left;font-weight:500}
#profile .profile-field input{font-size:18px;line-height:26px;height:52px;background:#fff;border-radius:12px;padding:12px 14px!important}
#profile .profile-field label span{font-size:inherit}
#profile .profile-hint{font-size:15px;line-height:1.5}
#profile .profile-field .field-error,#profile #profile-status{font-size:15px;line-height:1.5;text-align:left}
#profile .profile-photo-actions #change-photo,#profile .profile-photo-actions #remove-photo{font-size:16px;line-height:24px;min-height:44px}
#profile .avatar img{display:block;font-size:0}
@media(max-width:600px){#profile{max-width:none}#profile .profile-fields{gap:18px}#profile .profile-field label,#profile .profile-field input{font-size:16px}#profile .profile-field input{height:50px}#profile .profile-bottom .primary{width:100%;font-size:16px}#profile .profile-hint{font-size:14px}}
/* The header MAX CTA is for guests; signed-in readers already have a profile. */
body.preview-signed .design-header .design-max{display:none}