.account-public-legal{font-size:clamp(.85rem,1.3vw,.98rem);line-height:1.55;margin:.5rem 0 1rem}
.account-public-legal a{text-decoration:underline;text-underline-offset:3px}
.account-public-legal a:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:3px}
:root { --paper:#f7f3ea; --ink:#24201f; --muted:#6c6562; --coral:#f57058; --lime:#e5f68f; --lavender:#dcd0f4; --line:#dcd4ca; font-family:Arial,"Helvetica Neue",sans-serif; color:var(--ink); background:var(--paper); font-synthesis:none; }
* { box-sizing:border-box; } [hidden] { display:none!important; }
html { scroll-behavior:auto; } body { margin:0; min-width:0; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; } button { cursor:pointer; } button:disabled { cursor:wait; } h1,h2,p { margin:0; } fieldset { min-width:0; margin:0; padding:0; border:0; } button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #6b4b9f; outline-offset:5px; } img { display:block; max-width:100%; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap; border:0; }
.auth-skip { position:absolute; left:20px; top:-80px; z-index:50; background:var(--ink); color:var(--paper); padding:14px; } .auth-skip:focus { top:10px; }
.account-page { min-height:100dvh; overflow-x:clip; position:relative; isolation:isolate; }
.account-background { position:fixed; inset:-15%; z-index:-2; pointer-events:none; background:linear-gradient(125deg,#fff1dc 8%,#ddd1f3 88%); background-size:180% 180%; animation:auth-wash 20s ease-in-out infinite alternate; }
.account-header { max-width:1480px; margin:auto; padding:27px 4.5vw; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.account-wordmark { display:flex; align-items:center; font-weight:900; font-size:30px; letter-spacing:-.085em; white-space:nowrap; }.account-wordmark>span:first-child { font-size:35px; color:var(--coral); letter-spacing:0; margin-right:9px; }.account-wordmark .wordmark-dot { color:var(--coral); }
.account-back { display:inline-flex; gap:12px; align-items:center; font-size:12px; font-weight:700; padding:10px 0; }.account-back>span { font-size:22px; transition:translate .25s; }.account-back:hover>span { translate:-3px -3px; }
.account-shell { width:min(1320px,91%); margin:12px auto 40px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(35px,6vw,100px); align-items:center; }
.account-intro { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:20px 0 0; }
.account-kicker { display:block; font-size:9px; letter-spacing:.16em; font-weight:800; margin-bottom:22px; }
.account-intro .account-story-title { position:relative; z-index:3; font-size:clamp(48px,5.6vw,82px); font-weight:900; letter-spacing:-.08em; line-height:.94; }
.account-intro .account-story-title>span,.account-intro .account-story-title>em { display:block; }.account-intro .account-story-title em { font-family:Georgia,serif; font-weight:400; color:#b74b4c; letter-spacing:-.065em; font-size:1.06em; line-height:1.05; }
.account-intro>p { font-size:14px; line-height:1.6; max-width:315px; margin-top:20px; color:#62555c; }
.account-art { position:relative; height:clamp(285px,43dvh,420px); margin-top:14px; isolation:isolate; }
.auth-art-ring { position:absolute; width:76%; height:80%; border:45px solid #e2f48a; border-radius:50%; left:8%; top:9%; rotate:-19deg; animation:auth-ring 14s ease-in-out infinite; z-index:-2; }
.auth-art-paper { position:absolute; width:65%; height:81%; right:8%; bottom:5%; background:#bdabeb; border:7px solid #fffbf2; transform:rotate(9deg); box-shadow:7px 15px 27px #41364317; animation:auth-paper 12s ease-in-out infinite; z-index:-1; }
.auth-art-photo { position:absolute; inset:0; transition:opacity .5s,translate .6s; animation:auth-photo 9s ease-in-out infinite; }.auth-art-photo img { position:absolute; height:108%; width:85%; bottom:0; right:-1%; object-fit:contain; }
.art-register { opacity:0; translate:-12px 0; pointer-events:none; }.art-register img { height:112%; width:108%; right:-3%; bottom:-3%; }
[data-mode=register] .art-login { opacity:0; translate:15px 0; pointer-events:none; }[data-mode=register] .art-register { opacity:1; translate:0 0; }
.auth-art-tape { position:absolute; top:12%; left:2%; padding:10px 13px; background:var(--coral); font-size:8px; letter-spacing:.04em; font-weight:900; transform:rotate(-9deg); animation:auth-tape 10s -3s ease-in-out infinite; }
.auth-art-stamp { position:absolute; left:1%; bottom:11%; width:99px; height:99px; background:#a997e9; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:15px; line-height:.95; font-weight:900; letter-spacing:-.04em; rotate:-14deg; animation:auth-stamp 10s -5s ease-in-out infinite; }.auth-art-stamp>span { font-size:22px; color:var(--paper); margin-top:5px; }
.auth-art-spark { position:absolute; right:2%; top:1%; font-size:52px; color:var(--coral); line-height:1; animation:auth-star 20s linear infinite; }.auth-art-caption { position:absolute; bottom:-13px; left:16%; font-size:7px; font-weight:800; letter-spacing:.12em; }
.account-card { position:relative; width:100%; max-width:530px; justify-self:end; background:#fffaf2f5; border:1px solid #fefbf5; border-radius:26px 26px 7px 26px; padding:31px clamp(25px,3vw,43px) 21px; box-shadow:0 20px 65px #4d364514,0 3px 5px #4b34340a; scroll-margin-top:18px; }
.account-card::before { content:""; position:absolute; top:-1px; right:-1px; width:36px; height:36px; background:linear-gradient(45deg,#ede1cf 48%,#d8c7e8 49%,#ebe0f2 51%); border-radius:0 24px 0 7px; pointer-events:none; }
.account-tabs { display:grid; grid-template-columns:1fr 1fr; background:#eee7df; padding:4px; border-radius:30px; margin-bottom:30px; position:relative; z-index:1; }
.account-tabs a { min-height:40px; padding:11px 17px; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:24px; font-size:12px; font-weight:800; color:#655d58; transition:background .3s,color .3s,box-shadow .3s; }
.account-tabs [aria-current=page] { background:var(--ink); color:#fffaf0; box-shadow:0 3px 8px #24201f15; }.account-tabs a>span:last-child { font-size:18px; line-height:.8; }.account-tabs [aria-current=page]>span:last-child { color:var(--lime); }.account-tabs a[aria-disabled=true] { opacity:.55; cursor:wait; }
.account-step-label { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:8px; font-weight:800; letter-spacing:.13em; color:#766665; margin-bottom:13px; }
.account-card h1 { font-size:clamp(36px,3.5vw,50px); line-height:1.02; letter-spacing:-.075em; font-weight:900; outline:none; }.account-card h1>span { color:var(--coral); }.account-card-heading>p:empty,.field-hint:empty { display:none; }.account-card-heading>p { font-size:13px; line-height:1.55; color:var(--muted); margin-top:11px; }
#accountForm { margin-top:26px; }
.account-details-grid { display:grid; grid-template-columns:1fr 1fr; gap:19px 14px; }.auth-field { min-width:0; }.field-wide { grid-column:1/-1; }.auth-field>label { display:block; margin-bottom:8px; font-size:11px; font-weight:800; }
.auth-field input,.auth-field select { width:100%; min-width:0; height:50px; border:1px solid #8b7b6d; border-radius:9px; background:#fffdf8; padding:12px 13px; font-size:15px; color:var(--ink); transition:border-color .2s,box-shadow .2s,background .2s; }.auth-field input::placeholder { color:#74695d; opacity:1; }.auth-field select { padding-right:25px; }
.auth-field input:focus,.auth-field select:focus { outline:2px solid #796596; outline-offset:2px; border-color:#796596; background:#fffefa; box-shadow:none; }.auth-field [aria-invalid=true] { border-color:#ba4636; background:#fff8f2; }.auth-field [aria-invalid=true]:focus { outline-color:#a0392d; box-shadow:none; }
.auth-password-wrap { position:relative; }.auth-password-wrap input { padding-right:51px; }.password-toggle { position:absolute; top:3px; right:3px; height:44px; width:44px; display:grid; place-items:center; border:0; background:transparent; border-radius:7px; color:#77675f; }.password-toggle:hover { background:#f0e9e1; }.password-toggle svg { height:21px; width:21px; }.eye-slash { opacity:0; }.password-toggle[aria-pressed=true] .eye-slash { opacity:1; }
.field-hint { font-size:10px; color:#7b6e63; line-height:1.5; margin-top:7px; }.field-error { font-size:11px; color:#a23b2d; line-height:1.45; margin-top:7px; }.caps-lock { color:#9d5c22; }
.account-submit { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:51px; border:0; border-radius:30px; background:var(--ink); color:#fffaf2; font-size:12px; font-weight:800; padding:14px 18px 14px 22px; margin-top:24px; box-shadow:0 3px 0 transparent; transition:background .2s,transform .25s,box-shadow .25s; }
.account-submit .submit-icon { display:grid; place-items:center; border-radius:50%; width:29px; height:29px; margin:-4px -7px -4px 0; background:var(--lime); color:var(--ink); font-size:22px; font-weight:400; transition:rotate .35s; }
.account-submit:hover:not(:disabled) { background:#3c3039; transform:translateY(-2px); box-shadow:0 4px 0 #e59680; }.account-submit:hover:not(:disabled) .submit-icon { rotate:45deg; }.account-submit:active:not(:disabled) { transform:translateY(1px); box-shadow:none; }.account-submit:disabled { opacity:.72; }
.auth-spinner { display:inline-block; width:17px; height:17px; border:1.5px solid currentColor; border-right-color:transparent; border-radius:50%; animation:auth-spin .8s linear infinite; flex-shrink:0; }.submit-spinner { display:none; }[data-pending=true] .submit-spinner { display:inline-block; }[data-pending=true] .submit-icon { display:none; }[data-pending=true] #accountSubmitLabel { margin-right:auto; }
.account-login-help { margin-top:14px; }.account-login-help summary { color:#786b63; font-size:10px; width:max-content; cursor:pointer; text-decoration:underline; text-underline-offset:3px; list-style:none; }.account-login-help summary::-webkit-details-marker { display:none; }.account-login-help details>p { color:#746962; font-size:11px; line-height:1.6; margin-top:9px; max-width:340px; }
.account-role-step { display:grid; gap:12px; }.account-role-option { position:relative; cursor:pointer; }.account-role-option>input { position:absolute; left:19px; top:25px; width:1px; height:1px; opacity:0; }.role-option-body { display:flex; align-items:center; gap:15px; min-height:110px; padding:19px 16px; border:1px solid #d8cdbf; border-radius:12px; background:#fffdf8; transition:background .25s,border-color .25s,box-shadow .25s,translate .25s; }
.account-role-option:hover .role-option-body { translate:0 -2px; border-color:#9d86c1; }.account-role-option>input:checked+.role-option-body { background:#eaf4bb; border-color:#88915d; box-shadow:inset 0 0 0 1px #88915d; }.account-role-option>input:focus-visible+.role-option-body { outline:3px solid #8061b4; outline-offset:4px; }
.role-option-icon { display:grid; place-items:center; height:44px; width:44px; border-radius:50%; flex-shrink:0; font-size:35px; font-weight:400; line-height:1; }.role-creator-icon { color:#8a63be; background:#eadff8; }.role-brand-icon { background:#f9d1c1; color:#9c402d; font-size:31px; }
.role-option-copy { flex:1; }.role-option-copy strong { display:block; font-size:19px; font-weight:800; letter-spacing:-.045em; margin-bottom:7px; }.role-option-copy>span { display:block; font-size:11px; line-height:1.5; color:#70645b; }.role-check { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#9b8e81; font-size:21px; transition:background .25s,rotate .3s; }.account-role-option>input:checked+.role-option-body .role-check { background:var(--ink); color:var(--lime); rotate:45deg; }.role-step-note { font-family:Georgia,serif; font-style:italic; font-size:15px; color:#826c71; text-align:center; margin-top:4px; }.account-role-step .account-submit { margin-top:4px; }
.account-role-summary { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #e6dacb; }.account-role-summary>span { padding:7px 10px; background:#e7efbb; border-radius:25px; font-size:10px; font-weight:800; }.account-role-summary button { background:none; padding:7px 0; border:0; font-size:10px; color:#76645f; text-decoration:underline; text-underline-offset:3px; }
.account-status { display:flex; gap:11px; padding:13px 14px; border:1px solid #e1b4a1; background:#fff0e5; border-radius:9px; margin-top:18px; }.status-symbol { display:grid; place-items:center; flex-shrink:0; width:18px; height:18px; background:#ad4d3c; color:white; border-radius:50%; font-size:12px; font-weight:800; }.account-status p,.account-status a { font-size:11px; line-height:1.5; }.account-status a { display:inline-block; margin-top:5px; font-weight:800; text-decoration:underline; text-underline-offset:3px; }.account-status[data-kind=info] { border-color:#d8ccba; background:#f2ece1; }.account-status[data-kind=info] .status-symbol { background:#837386; }
.account-readiness { min-height:210px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#8d7b83; font-size:12px; }.account-readiness>button { border:0; padding:9px 16px; border-radius:25px; background:var(--ink); color:var(--paper); font-size:12px; }
.account-switch { text-align:center; margin-top:23px; font-size:11px; line-height:1.6; color:#7e7067; }.account-switch>a { color:var(--ink); font-weight:800; border-bottom:1px solid #c0a794; padding-bottom:2px; }
.account-card-signoff { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #e3d9cd; padding-top:15px; margin-top:26px; font-size:7px; letter-spacing:.13em; font-weight:800; color:#968575; }.account-card-signoff>span:last-child { font-size:23px; color:var(--coral); line-height:.5; }
.account-footer { display:flex; align-items:center; justify-content:flex-end; gap:25px; width:min(1320px,91%); margin:0 auto; padding:8px 0 25px; font-size:8px; letter-spacing:.09em; font-weight:700; color:#5c504e; }.account-preview { display:flex; align-items:center; gap:7px; font-size:9px; font-weight:400; letter-spacing:0; }.account-preview>i { height:5px; width:5px; background:#aa9aba; border-radius:50%; }
.account-identity { display:flex; gap:14px; align-items:center; margin-top:25px; padding:17px; background:#edf2d3; border-radius:12px; }.account-identity>span { display:grid; place-items:center; flex-shrink:0; height:42px; width:42px; background:var(--ink); color:var(--lime); border-radius:50%; font-family:Georgia,serif; font-size:25px; }.account-identity>p { font-size:17px; font-weight:800; letter-spacing:-.03em; overflow-wrap:anywhere; }#accountConnected>p { color:var(--muted); font-size:13px; line-height:1.6; margin-top:18px; }#accountLogout { border:0; background:none; padding:14px 0; font-size:11px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.auth-motion { animation-play-state:paused; }.account-motion-active .auth-motion { animation-play-state:running; }.account-view-enter { animation:auth-view-enter .45s cubic-bezier(.2,.8,.2,1) both; }
@keyframes auth-view-enter { from { opacity:0; translate:0 12px; } to { opacity:1; translate:0 0; } }
@keyframes auth-wash { from { background-position:0% 20%; transform:rotate(-2deg); } to { background-position:100% 75%; transform:rotate(2deg); } }
@keyframes auth-ring { 0%,100% { scale:.98; rotate:-19deg; } 50% { scale:1.03; rotate:-13deg; } }
@keyframes auth-photo { 0%,100% { transform:translate(0,0) rotate(-1deg); } 50% { transform:translate(-4px,-7px) rotate(.6deg); } }
@keyframes auth-paper { 0%,100% { transform:rotate(9deg); } 50% { transform:rotate(6deg); } }
@keyframes auth-tape { 0%,100% { transform:rotate(-9deg) translateY(0); } 50% { transform:rotate(-7deg) translateY(-4px); } }
@keyframes auth-stamp { 0%,100% { translate:0 0; } 50% { translate:0 -6px; } }
@keyframes auth-star { to { rotate:180deg; } }@keyframes auth-spin { to { transform:rotate(360deg); } }
@media(min-width:1500px) { .account-shell { margin-top:30px; }.account-card { padding-top:37px; padding-bottom:27px; } }
@media(max-width:940px) {
 .account-header { padding:20px 6vw; }.account-wordmark { font-size:27px; }.account-wordmark>span:first-child { font-size:29px; }.account-back { font-size:11px; gap:8px; }
 .account-shell { width:88%; grid-template-columns:1fr; gap:22px; max-width:530px; margin-top:3px; margin-bottom:25px; }.account-card { justify-self:stretch; max-width:none; padding:26px 28px 19px; }
 .account-intro { min-height:110px; padding:13px 0 13px; justify-content:center; }.account-kicker,.account-intro>p { display:none; }.account-intro .account-story-title { font-size:clamp(34px,7.8vw,46px); width:76%; z-index:3; }.account-intro .account-story-title em { font-size:1.04em; }
 .account-art { position:absolute; right:50%; top:-10px; width:min(55%,220px); translate:50% 0; height:135px; margin:0; z-index:1; }.auth-art-photo img { width:100%; height:100%; right:0; }.art-register img { width:125%; height:100%; right:-9%; }.auth-art-paper { width:90%; height:77%; right:0; }.auth-art-ring { width:100%; height:75%; left:-10%; border-width:15px; }.auth-art-tape,.auth-art-caption,.auth-art-stamp { display:none; }.auth-art-spark { font-size:25px; top:9%; right:-1%; }
 .account-tabs { margin-bottom:25px; }.account-card h1 { font-size:39px; }.account-footer { width:88%; max-width:530px; padding-bottom:22px; }.account-footer { justify-content:center; }
 [data-mode=register][data-step=details] .account-intro { display:none; }
}
@media(max-width:420px) { .account-header { padding:18px 20px; gap:10px; }.account-wordmark { font-size:25px; }.account-back { font-size:0; gap:0; }.account-back>span { font-size:24px; }.account-back::after { content:"Back"; font-size:11px; margin-left:6px; }.account-shell { width:calc(100% - 36px); gap:18px; }.account-card { padding:24px 21px 18px; border-radius:22px 22px 7px 22px; }.account-intro .account-story-title { font-size:clamp(30px,8.7vw,36px); }.account-card h1 { font-size:36px; }.account-details-grid { gap:17px 10px; }.auth-field input,.auth-field select { font-size:16px; padding-inline:11px; }.role-option-body { gap:11px; padding:16px 12px; min-height:102px; }.role-option-icon { width:37px; height:37px; font-size:31px; }.role-option-copy strong { font-size:18px; }.role-option-copy>span { font-size:10px; }.role-check { width:22px; height:22px; }.account-step-label { font-size:7px; }.account-switch { font-size:10px; }.account-role-summary { gap:8px; } }
@media(max-width:350px) { .account-details-grid { grid-template-columns:1fr; }.auth-field,.field-wide { grid-column:1; }.account-shell { width:calc(100% - 28px); }.account-card { padding-inline:19px; }.account-intro .account-story-title { font-size:29px; }.role-option-body { gap:9px; }.role-option-copy strong { font-size:16px; }.account-tabs a { padding-inline:10px; }.role-option-icon { width:31px; height:31px; font-size:27px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.account-role-option:hover .role-option-body { translate:none; } }
.account-page[data-mode=login] .art-register,.account-page[data-mode=register] .art-login { animation-play-state:paused; }
@media(max-width:940px) { .account-page[data-mode=register][data-step=details]:not([data-waiting=true]) .account-intro .auth-motion { animation-play-state:paused; } }
.auth-field input,.auth-field select { font-size:16px; }
.account-page:not(.account-motion-active) .auth-spinner { animation-play-state:paused; }
/* Keep supporting copy comfortable on touch screens as well as desktop. */
.auth-field>label { font-size:12px; }
.field-hint,.account-login-help summary { font-size:11px; }
.field-error { font-size:12px; }
.account-submit { font-size:13px; }
.role-option-copy>span { font-size:12px; }
@media(max-width:420px) { .role-option-copy>span { font-size:11px; } }
@media(max-width:350px) { .account-page[data-mode=register][data-step=role] .account-card h1 { font-size:32px; } }

.signup-review-page .account-shell{display:block;max-width:700px;margin:clamp(20px,6vw,70px) auto}
.signup-review-page .account-card{max-width:none}
.signup-review-page #reviewStatus{margin:1rem 0}
.signup-review-page .review-summary{font-size:clamp(14px,1.5vw,17px);font-weight:700;color:var(--ink,#251c19);margin:.5rem 0 1rem}
.signup-review-page #reviewQueue{padding:0;list-style:none}
.signup-review-page #reviewQueue li{border-top:1px solid #e3d9cd;padding:1rem 0;overflow-wrap:anywhere}
.signup-review-page button{min-height:44px;padding:0 1rem;border:1px solid currentColor;border-radius:12px;margin:.35rem .35rem 0 0}
.signup-review-page #reviewQueue .review-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.signup-review-page #reviewQueue .review-actions button{margin:.35rem 0 0}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog){width:min(92vw,520px);max-height:85dvh;overflow:auto;border:1px solid #e3d9cd;border-radius:22px;padding:clamp(18px,4vw,30px);background:var(--paper,#fffaf3);color:var(--ink,#251c19);box-shadow:0 20px 70px #15101040}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog)::backdrop{background:#15101080}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog) h2{font-size:clamp(23px,3vw,31px);line-height:1.15;margin:0 0 1rem}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog) label{display:block;font-weight:700;margin-top:1rem}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog) textarea{display:block;width:100%;box-sizing:border-box;min-height:112px;margin:.5rem 0;padding:12px;border:1px solid #867d75;border-radius:12px;background:transparent;color:inherit;font:inherit;resize:vertical}
.signup-review-page :is(#reviewRejectDialog,#reviewApproveDialog) textarea:focus-visible{outline:3px solid #e99179;outline-offset:2px}
.signup-review-page #reviewRejectError:not(:empty){color:#9e2f25;font-weight:600}
.signup-review-page .review-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem}
.signup-review-page #reviewRejectConfirm{background:#9e2f25;color:#fff;border-color:#9e2f25}

/* A received request is a calm, durable handoff — never a fake countdown. */
[data-waiting=true] .account-shell{max-width:1050px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,6vw,80px);margin-block:clamp(24px,5vh,65px) 45px}
[data-waiting=true] .account-card{background:#fffdf7;border-radius:32px;padding:clamp(25px,4vw,44px);box-shadow:0 20px 70px #58446b0c,0 0 0 1px #ffffff90}
[data-waiting=true] .account-card h1{font-size:clamp(40px,4.5vw,60px);letter-spacing:-.065em;max-width:9em}
[data-waiting=true] .account-card-heading>#accountIntro{font-size:15px;line-height:1.65;max-width:32em;margin-top:18px}
[data-waiting=true] .account-tabs,[data-waiting=true] #accountPublicLegal,[data-waiting=true] #accountSwitch,[data-waiting=true] #accountForgot,[data-waiting=true] #accountMailBack,[data-waiting=true] .account-step-label{display:none!important}
.account-card-heading>.waiting-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#355845;margin:0 0 22px}
.waiting-kicker>span{display:grid;place-items:center;width:23px;height:23px;background:#e7efbb;border-radius:50%;letter-spacing:0;font-size:13px}
.account-waiting-art{position:relative;display:grid;place-items:center;min-height:390px;width:100%;isolation:isolate}
.waiting-orbit{position:absolute;inset:8% -2%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#e5d6f5b0,#eadff080 55%,transparent 72%);transform:rotate(-12deg);z-index:-1}
.waiting-hourglass{width:min(100%,330px);height:auto;overflow:visible}
.waiting-glass{transform-origin:150px 170px;animation:waiting-turn 8s cubic-bezier(.55,0,.3,1) infinite}
.waiting-sand-top{transform-origin:150px 160px;animation:waiting-empty 8s linear infinite}
.waiting-sand-bottom{transform-origin:150px 279px;transform:scaleY(0);animation:waiting-fill 8s linear infinite}
.waiting-sand-stream{animation:waiting-stream 8s linear infinite,waiting-grains .45s linear infinite}
.waiting-star{position:absolute;color:#775395;line-height:1;animation:waiting-float 7s ease-in-out infinite}
.waiting-star-one{left:5%;top:10%;font-size:49px}.waiting-star-two{right:3%;bottom:24%;font-size:34px;animation-delay:-3s;color:#b35a40}
.waiting-ticket{position:absolute;left:-1%;bottom:8%;padding:16px 22px;background:#eff4cf;color:#334a37;font-size:10px;letter-spacing:.09em;line-height:1.9;border-radius:3px;box-shadow:0 7px 18px #473a4e0b;transform:rotate(-7deg);animation:waiting-ticket 8s ease-in-out infinite}
.waiting-ticket strong{font-size:11px}.waiting-ticket>span{position:absolute;right:-15px;top:-17px;display:grid;place-items:center;width:35px;height:35px;background:#f6a88d;border:4px solid #f3edec;border-radius:50%;font-size:21px}
.waiting-steps{list-style:none;margin:27px 0 24px;padding:0;display:grid;gap:0}
.waiting-steps li{position:relative;display:flex;gap:14px;padding-bottom:22px}
.waiting-steps li:last-child{padding-bottom:0}
.waiting-steps li:not(:last-child)::after{content:"";position:absolute;left:14px;top:34px;width:1px;height:calc(100% - 40px);background:#d9dfc8}
.waiting-step-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#eaf0d0;color:#3c5e42;font-size:13px;font-weight:800}
.waiting-steps strong{display:block;font-size:14px;line-height:1.5;font-weight:750}
.waiting-steps small{display:block;font-size:12px;line-height:1.55;color:#6b6563;margin-top:2px;max-width:27em}
.waiting-step-next .waiting-step-mark{background:#eee5f6;border:1px solid #d4c3e6}
.waiting-step-next .waiting-step-mark>span{height:7px;width:7px;border-radius:50%;background:#80619d}
.waiting-reassurance{font-size:12px;line-height:1.65;color:#6b6563;border-top:1px solid #e7e2d9;padding-top:19px}
.waiting-login{margin-top:21px}.waiting-support{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:11px;color:#67596e;text-decoration:underline;text-underline-offset:4px;margin-top:5px}
.account-page:not(.account-motion-active) .account-waiting-art *{animation-play-state:paused}
@keyframes waiting-empty{0%{transform:scaleY(1)}74%,100%{transform:scaleY(0)}}
@keyframes waiting-fill{0%{transform:scaleY(0)}74%,100%{transform:scaleY(1)}}
@keyframes waiting-stream{0%,72%{opacity:1}74%,100%{opacity:0}}
@keyframes waiting-grains{to{stroke-dashoffset:-10}}
@keyframes waiting-turn{0%,77%{transform:rotate(0)}100%{transform:rotate(180deg)}}
@keyframes waiting-float{0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -9px;rotate:8deg}}
@keyframes waiting-ticket{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-5px) rotate(-4deg)}}
@media(max-width:940px){[data-waiting=true] .account-shell{display:flex;flex-direction:column;gap:0;max-width:520px;margin-top:0}[data-waiting=true] .account-intro{display:flex!important;min-height:0;width:100%;padding:0}.account-waiting-art{min-height:180px;max-width:330px;margin:auto}.waiting-hourglass{width:155px}.waiting-ticket{left:0;bottom:16%;padding:9px 12px;font-size:7px}.waiting-ticket strong{font-size:8px}.waiting-ticket>span{width:26px;height:26px;font-size:16px;right:-10px;top:-12px;border-width:3px}.waiting-star-one{left:15%;top:13%;font-size:30px}.waiting-star-two{right:15%;bottom:23%;font-size:23px}[data-waiting=true] .account-card{width:100%;padding:27px 28px 16px}[data-waiting=true] .account-card h1{font-size:43px}.account-card-heading>.waiting-kicker{margin-bottom:17px}[data-waiting=true] .account-card-heading>#accountIntro{font-size:14px;margin-top:14px}.waiting-steps{margin-top:23px}}
@media(max-width:350px){[data-waiting=true] .account-card{padding-inline:22px}[data-waiting=true] .account-card h1{font-size:36px}.waiting-ticket{left:2%;font-size:6px}.waiting-ticket strong{font-size:7px}}
@media(prefers-reduced-motion:reduce){.waiting-glass{transform:rotate(-8deg)}.waiting-sand-top{transform:scaleY(.7)}.waiting-sand-bottom{transform:scaleY(.5)}.waiting-sand-stream{opacity:0}}


.waiting-login{display:block;text-align:center;color:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin:22px 0 12px;min-height:44px;align-content:center}
.waiting-login:focus-visible{outline:3px solid #283f37;outline-offset:4px;border-radius:8px}

.waiting-approved-art{width:min(100%,260px);height:auto;filter:drop-shadow(0 12px 22px #32845b18)}
.waiting-live{font-size:15px;line-height:1.65;margin:24px 0;color:#355845;max-width:32em}
@media(max-width:940px){.waiting-approved-art{width:150px}}

.waiting-hourglass[hidden],.waiting-approved-art[hidden]{display:none!important}

/* Admission is a calm, separate presentation; registration-form motion rules
   must never pause the waiting illustration at mobile breakpoints. */
[data-waiting=true] .account-background{background:radial-gradient(ellipse at 20% 15%,#f9e9d8 0,transparent 55%),radial-gradient(ellipse at 80% 50%,#dfd3ee 0,transparent 60%),#f1ece9;animation:none;transform:none;inset:0}
[data-waiting=true] .account-card{background:#fffdf8;border:1px solid #ffffffc9;box-shadow:0 20px 65px #5e476d0c;border-radius:28px;padding:38px 40px 25px}
[data-waiting=true] .account-card::after{display:none}
[data-waiting=true] .account-card h1{font-size:clamp(34px,3.7vw,47px);letter-spacing:-.055em;line-height:1.05;max-width:10em}
[data-waiting=true] #accountIntro{font-size:12px;color:#786883;margin-top:14px}
[data-waiting=true] .waiting-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:24px;color:#685275}
[data-waiting=true] .waiting-kicker>span{background:#eee5f5;color:#785e8d}
[data-waiting=true] .waiting-live{position:relative;padding:17px 20px 17px 37px;background:#f1ebf7;border:1px solid #e6dced;border-radius:15px;color:#564461;font-size:14px;line-height:1.7;margin:26px 0 0}
[data-waiting=true] .waiting-live::before{content:'';position:absolute;left:18px;top:25px;width:6px;height:6px;background:#9270ad;border-radius:50%;box-shadow:0 0 0 5px #9270ad12;animation:waiting-status 2.8s ease-in-out infinite}
[data-waiting-state=approved] .waiting-live{background:#eaf3e3;border-color:#d8e7d0;color:#315c43}
[data-waiting-state=approved] .waiting-live::before{background:#32845b;box-shadow:none;animation:none}
[data-waiting-state=rejected] .waiting-live::before{animation:none}
[data-waiting=true] .waiting-reassurance{font-size:11px;line-height:1.7;border:0;margin:18px 2px 0;padding:0;max-width:31em}
[data-waiting=true] .waiting-login{font-size:12px;margin:20px 0 0;text-decoration-color:#c7b6ce;text-decoration-thickness:1px}
[data-waiting=true] .waiting-support{font-size:10px;margin:0;color:#897b8c;text-decoration-color:#d3c8d7}
.waiting-orbit{animation:waiting-orbit 9s ease-in-out infinite}
.waiting-hourglass{filter:drop-shadow(0 14px 13px #6c4f7a12)}
.waiting-orbit::after{content:'';position:absolute;inset:9%;border:1px solid #9d84b521;border-radius:50%;transform:rotate(22deg)}
@keyframes waiting-orbit{0%,100%{transform:rotate(-12deg) scale(.96);opacity:.75}50%{transform:rotate(8deg) scale(1.05);opacity:1}}
@keyframes waiting-status{50%{box-shadow:0 0 0 7px #9270ad06;opacity:.6}}
.account-page:not(.account-motion-active) .waiting-live::before{animation-play-state:paused}
@media(max-width:940px){[data-waiting=true] .account-shell{max-width:500px;gap:10px;margin-top:3px}[data-waiting=true] .account-card{padding:29px 29px 18px}[data-waiting=true] .account-card h1{font-size:39px}.account-waiting-art{min-height:210px}.waiting-hourglass{width:182px}.waiting-ticket{left:0;bottom:18%;box-shadow:0 7px 14px #473a4e0a}.waiting-star-one{left:7%;top:17%}.waiting-star-two{right:7%;bottom:27%}[data-waiting=true] .waiting-live{margin-top:24px;font-size:13px}[data-waiting=true] .waiting-kicker{margin-bottom:20px}}
@media(max-width:420px){[data-waiting=true] .account-shell{width:calc(100% - 32px);gap:2px}[data-waiting=true] .account-card{padding:25px 23px 15px;border-radius:24px}[data-waiting=true] .account-card h1{font-size:35px}.account-waiting-art{min-height:186px}.waiting-hourglass{width:165px}[data-waiting=true] .waiting-live{padding:14px 14px 14px 30px;font-size:12px}.waiting-live::before{left:14px!important;top:22px!important}.waiting-reassurance{max-width:none}.waiting-ticket{left:1%;font-size:6px;padding:9px 11px}.waiting-ticket strong{font-size:7px}}
@media(prefers-reduced-motion:reduce){.waiting-orbit,.waiting-live::before{animation:none!important}.waiting-orbit{transform:rotate(-12deg)}}

.account-social-profiles>legend { font-size:11px; font-weight:800; padding:0; }.account-social-profiles>.field-hint { margin:5px 0 15px; }.account-social-profiles>.auth-field+.auth-field { margin-top:15px; }.account-social-profiles:focus-visible { outline:3px solid #6b4b9f; outline-offset:6px; border-radius:8px; }

/* Respect browser text-size preferences without fixed-height clipped controls. */
.account-page .auth-field input,.account-page .auth-field select{font-size:1rem;line-height:1.4;height:auto;min-height:3.125rem;padding-block:.75rem}
.account-page .auth-field>label{font-size:.75rem;line-height:1.5}
.account-page .field-hint,.account-page .account-login-help summary{font-size:.6875rem}
.account-page .field-error,.account-page .role-option-copy>span{font-size:.75rem;overflow-wrap:anywhere}
.account-page .account-social-profiles>legend{font-size:.75rem}
.account-page .account-submit{font-size:.8125rem;line-height:1.4}
.account-page .account-role-summary button{font-size:.75rem;min-height:2.75rem}
.account-page .role-option-copy{min-width:0;overflow-wrap:anywhere}
