/* Development account UI. Approved brand styles are inherited unchanged. */
#header:has(.account-proposal-trigger){position:relative;column-gap:20px}
.account-proposal-trigger{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ivory);position:relative;cursor:pointer}
.account-proposal-trigger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.account-proposal-trigger[data-signed=true]::after{content:'';position:absolute;right:1px;bottom:2px;width:10px;height:10px;border-radius:50%;background:var(--lavender);box-shadow:0 0 0 3px var(--night),0 0 0 4px #b8a5c966}
.account-proposal-trigger:focus-visible,.account-proposal-dialog button:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}
.account-proposal-dialog{width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;padding:32px 26px 24px;border:1px solid var(--line);border-radius:16px;background:var(--night);color:var(--ivory);box-shadow:0 24px 80px #0005}
.proposal-content{max-height:calc(100dvh - 116px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.account-proposal-dialog::backdrop{background:rgba(10,13,20,.60)}
.account-proposal-dialog h2{font:normal 30px/1.15 Editorial,serif;letter-spacing:0;margin:20px 0 14px;text-align:center}
.account-proposal-dialog p{font:14px/1.65 Interface,sans-serif;color:var(--stone);margin:0 0 24px;text-align:center}
.account-proposal-dialog .proposal-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--stone);font:26px/1 Interface;cursor:pointer}
.account-proposal-dialog .proposal-mark{display:grid;place-items:center;margin:2px auto 10px;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;color:var(--lavender)}
.proposal-mark svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.account-proposal-dialog .proposal-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;background:var(--lavender);border:1px solid var(--lavender);border-radius:28px;color:var(--night);font:14px Interface,sans-serif;cursor:pointer;padding:12px 14px}
.proposal-google{font:600 19px Interface,sans-serif;letter-spacing:0}
.account-proposal-dialog button.proposal-secondary{display:block;min-height:44px;margin:8px auto 0;padding:10px 16px;background:none;border:0;outline:0;box-shadow:none;border-radius:0;color:var(--lavender);color:color-mix(in srgb,var(--lavender) 85%,var(--ivory));font:14px Interface,sans-serif;cursor:pointer;text-align:center;text-decoration:none}
.account-proposal-dialog button.proposal-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.account-proposal-dialog button.proposal-secondary:focus-visible{outline:2px solid var(--lavender);outline-offset:-3px;border:0;box-shadow:none}
.account-proposal-dialog .proposal-name{font:normal 28px/1.3 Editorial,serif;margin:8px 0 4px}
.account-proposal-dialog .proposal-email{overflow-wrap:anywhere;margin:0 0 18px}
.account-proposal-dialog .proposal-provider{margin-bottom:18px}
.account-proposal-dialog .proposal-tier{display:table;margin:0 auto 22px;border:1px solid var(--line);border-radius:20px;padding:4px 13px;color:var(--lavender);font:13px Interface,sans-serif}
.account-proposal-dialog .proposal-divider{border:0;border-top:1px solid var(--line);margin:0 0 12px}
.account-proposal-dialog .proposal-signout{width:100%;min-height:48px;border:1px solid var(--line);background:transparent;border-radius:26px;color:var(--ivory);font:14px Interface,sans-serif;cursor:pointer}
.account-proposal-dialog[data-mode=account]{padding:26px 22px 20px}
.account-proposal-dialog[data-mode=account] .proposal-mark{display:none}
.account-proposal-dialog[data-mode=account] .proposal-name{font-size:24px;line-height:1.25;margin:6px 24px 4px;overflow-wrap:anywhere}
.account-proposal-dialog[data-mode=account] .proposal-email{margin:0 0 10px}
.account-proposal-dialog[data-mode=account] .proposal-provider{font-size:13px;line-height:1.5;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:7px}
.account-proposal-dialog .proposal-provider svg{width:14px;height:14px;flex:0 0 14px}
.account-proposal-dialog[data-mode=guest] h2{margin-block-start:14px}
.account-proposal-dialog .proposal-membership{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding-block:10px;margin-bottom:16px;color:var(--stone);font:13px/1.4 Interface,sans-serif}
.account-proposal-dialog .proposal-membership .proposal-tier{display:inline;margin:0;border:0;border-radius:0;padding:0;color:var(--ivory)}
@media(max-width:600px){#header:has(.account-proposal-trigger){display:grid;grid-template-columns:minmax(186px,1fr) 44px 44px;column-gap:6px}#header:has(.account-proposal-trigger) .brand{grid-column:1;grid-row:1}#header:has(.account-proposal-trigger) .locale{grid-column:2;grid-row:1;order:initial;justify-content:center;margin:0;width:44px;min-height:44px;padding:6px}#header:has(.account-proposal-trigger) .account-proposal-trigger{grid-column:3;grid-row:1}#header:has(.account-proposal-trigger) nav{grid-column:1/-1;grid-row:2;order:initial}.account-proposal-dialog{padding:28px 22px 22px}}

.access-conversion{margin-block:24px 8px;padding-block:20px;border-block-start:1px solid var(--line);text-align:center}
.access-conversion h2{font-size:28px;line-height:1.3}
.access-conversion p{font-size:14px;line-height:1.7;margin-block:12px}
.access-conversion .text-link{justify-content:center;background:none;border:0;min-block-size:44px;padding:10px 16px}
.account-locale-short{display:none}.proposal-primary{text-decoration:none}.account-error{max-width:440px;margin:15vh auto;padding:24px}.account-error a{display:block;margin:24px 0}.account-proposal-dialog{box-sizing:border-box}.account-proposal-dialog .proposal-primary svg{flex-shrink:0}
@media(max-width:600px){.account-locale-full{display:none}.account-locale-short{display:inline}}