/* Account settings only: private data stays out of decorative previews. */
:root{color-scheme:light;--blue:var(--pesev-accent,#3456e9);--ink:var(--pesev-ink,#172741);--muted:var(--pesev-muted,#586b85)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:radial-gradient(ellipse 720px 480px at 100% 0,var(--pesev-soft,#e5edff),transparent 80%),var(--pesev-page,#f4f6fb);color:var(--pesev-ink,#172741);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--pesev-link,#2542c7)}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:3px solid var(--pesev-link,#2542c7);outline-offset:4px}
#accountCard{width:calc(100% - 40px);max-width:480px;margin:40px auto 44px;padding:34px;background:var(--pesev-surface,#fff);border:1px solid var(--pesev-line,#dbe4f2);border-radius:24px;box-shadow:0 14px 50px #17274108;min-width:0}
#accountCard h1{font-size:32px;line-height:1.16;letter-spacing:-1.1px;margin:0 0 14px;font-weight:780;overflow-wrap:anywhere}
#accountCard h2,#accountCard h3,#accountCard h4{overflow-wrap:anywhere;color:var(--pesev-ink,#172741)}
#accountCard h2{font-size:24px;line-height:1.25;letter-spacing:-.65px}
#accountCard h3{font-size:17px;line-height:1.35;letter-spacing:-.25px;margin:0}
#accountCard p{overflow-wrap:anywhere}
#accountCard .eyebrow,.account-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--pesev-link,#2542c7);font-weight:750;margin:0 0 10px}
#accountCard .muted,#accountCard .hint,#accountCard .privacy{color:var(--pesev-muted,#586b85)}
#intro{margin:0 0 24px;font-size:14px;line-height:1.75;max-width:62ch}
#accountCard label{display:block;font-size:13px;font-weight:650;margin:17px 0 7px;color:var(--pesev-ink,#172741)}
#accountCard input:not([type=checkbox]){display:block;min-width:0;width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--pesev-line,#dbe4f2);border-radius:11px;background:var(--pesev-surface,#fff);color:var(--pesev-ink,#172741);font-size:16px;line-height:1.4;box-shadow:none}
#accountCard input:not([type=checkbox]):focus{border-color:var(--pesev-link,#2542c7)}
#accountCard input:disabled{opacity:.7}
.names{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.names>div{min-width:0}
#accountCard .primary,#accountCard .secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700;margin:20px 0 0;line-height:1.5;white-space:normal;text-decoration:none;text-align:center;max-width:100%}
#accountCard .primary{background:var(--pesev-accent,#3456e9);border:1px solid var(--pesev-accent,#3456e9);color:white}
#accountCard .secondary{background:var(--pesev-surface,#fff);border:1px solid var(--pesev-line,#dbe4f2);color:var(--pesev-link,#2542c7)}
#accountCard[data-account-view=auth] form>.primary{display:flex;width:100%;font-size:14px;min-height:48px;margin-bottom:12px}
#accountCard .text{border:0;background:transparent;color:var(--pesev-link,#2542c7);min-height:44px;text-align:left;padding:8px 0;line-height:1.5;font-size:13px}
#accountCard .switch{border-top:1px solid var(--pesev-line,#dbe4f2);margin:18px 0 0;padding-top:12px;font-size:13px;color:var(--pesev-muted,#586b85)}
#accountCard .hint,#accountCard .privacy{font-size:12px;line-height:1.75}
#accountCard .hint{margin:8px 0 0}
#accountCard .privacy{padding:14px;background:var(--pesev-surface-alt,#f3f6fc);border:1px solid var(--pesev-line,#dbe4f2);border-radius:11px;margin-top:20px}
#accountCard .notice{background:var(--pesev-soft,#e5edff);color:var(--pesev-ink,#172741);padding:14px 16px;border:1px solid var(--pesev-line,#dbe4f2);border-radius:12px;margin:18px 0;font-size:13px;overflow-wrap:anywhere}
#accountCard .notice.error{background:var(--pesev-red-soft,#fff0f1);border-color:var(--pesev-red,#bd3248);color:var(--pesev-red,#bd3248)}
#accountCard label.remember-choice{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;font-weight:600;margin-top:17px}
#accountCard .remember-choice input{width:20px;height:20px;min-height:20px;flex:none;padding:0;margin:0;accent-color:var(--pesev-accent,#3456e9)}
#accountCard #rememberHelp{padding-left:31px;margin-top:0}
#accountCard[data-account-view=profile]{max-width:1000px;background:transparent;border:0;box-shadow:none;padding:0;margin-top:42px}
#accountCard[data-account-view=profile]>h1{font-size:clamp(29px,3.7vw,36px);margin-bottom:10px}
#accountCard[data-account-view=profile]>#intro{max-width:none;margin-bottom:26px;font-size:14px}
.account-profile-hero{display:flex;align-items:center;gap:25px;padding:28px 30px;background:var(--pesev-surface,#fff);border:1px solid var(--pesev-line,#dbe4f2);border-radius:24px;min-width:0}
#accountCard [data-pesev-avatar-current]{display:flex;justify-content:center;flex:none;margin:0;width:112px;height:112px}
#accountCard [data-pesev-avatar-current] .pesev-avatar{width:112px;height:112px;animation:none!important;transform:none!important;transition:none!important;object-fit:contain}
.account-profile-identity{min-width:0;flex:1}
.account-profile-identity .account-kicker{font-size:10px;margin-bottom:7px}
#accountCard #greeting{font-size:clamp(23px,3vw,30px);letter-spacing:-.8px;margin:0;line-height:1.25}
.account-profile-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0;min-width:0}
#profileEmail{min-width:0;overflow-wrap:anywhere;margin:0;font-size:13px}
.account-verified,.account-current-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;line-height:1.5;border-radius:20px;padding:4px 9px;background:var(--pesev-green-soft,#e6f6ef);color:var(--pesev-green,#087b62)}
.account-verified:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.account-avatar-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;border:0;background:transparent;color:var(--pesev-link,#2542c7);font-size:12px;font-weight:700;padding:8px 2px;margin-top:4px;max-width:100%;border-radius:7px;text-align:left}
#accountCard svg{display:block;flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-avatar-button svg{width:15px!important;height:15px!important}
.account-tabs{display:flex;gap:6px;padding:6px;background:var(--pesev-surface-alt,#f3f6fc);border:1px solid var(--pesev-line,#dbe4f2);border-radius:15px;margin:24px 0 30px;min-width:0}
.account-tabs>button{display:flex;flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:48px;padding:10px 14px;border:1px solid transparent;background:transparent;color:var(--pesev-muted,#586b85);font-size:13px;font-weight:700;line-height:1.4;border-radius:10px;box-shadow:none}
.account-tabs>button[aria-selected=true]{border-color:var(--pesev-line,#dbe4f2);color:var(--pesev-link,#2542c7);background:var(--pesev-surface,#fff);box-shadow:0 2px 6px #17274104}
#accountCard .account-tabs svg{width:18px;height:18px}
.account-tabpanel{border-radius:14px;min-width:0}
.account-tabpanel:focus-visible{outline-offset:7px}
.account-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px;padding:0 2px}
.account-section-heading .account-kicker{font-size:10px;margin-bottom:7px}
#accountCard .account-section-heading h2{font-size:24px;margin:0;line-height:1.3}
.account-section-heading .muted{font-size:13px;margin:7px 0 0;line-height:1.7}
.account-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}
.account-setting-card{min-width:0;padding:25px;background:var(--pesev-surface,#fff);border:1px solid var(--pesev-line,#dbe4f2);border-radius:20px}
.account-card-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:8px}
.account-card-heading>div{min-width:0;flex:1}
.account-card-heading p{font-size:12px;color:var(--pesev-muted,#586b85);line-height:1.6;margin:5px 0 0}
.account-section-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:var(--pesev-soft,#e5edff);color:var(--pesev-link,#2542c7)}
#accountCard .account-section-icon svg{width:21px;height:21px}
#accountCard .account-inline-status{font-size:12px;line-height:1.7;color:var(--pesev-green,#087b62);margin:12px 0 0;overflow-wrap:anywhere}
#accountCard .account-inline-status:empty{display:none}
#accountCard .account-inline-status[data-error=true]{color:var(--pesev-red,#bd3248)}
.account-pending-email{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 14px;border-radius:12px;background:var(--pesev-amber-soft,#fff7e9);color:var(--pesev-amber,#986c25);margin-top:15px}
.account-pending-email p{font-size:12px;flex:1;min-width:0;margin:0}
.account-pending-email span{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:4px}
#accountCard .account-pending-email .text{font-size:11px}
.account-data-card{margin-top:20px}
.account-data-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;margin-top:15px}
.account-data-content>div{min-width:0}
.account-data-content p{font-size:13px;line-height:1.8;color:var(--pesev-muted,#586b85);margin:0}
#accountCard .account-data-action .secondary{margin:0;white-space:nowrap}
.account-data-action{max-width:260px}
.account-data-summary{margin-top:13px;font-size:12px;color:var(--pesev-muted,#586b85)}
.account-data-tools{display:flex;flex-wrap:wrap;gap:6px}
.account-data-tools span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;border-radius:7px;background:var(--pesev-surface-alt,#f3f6fc);color:var(--pesev-muted,#586b85);font-size:10px;font-weight:650}
#accountCard .account-data-facts{font-size:11px;margin-top:9px}
.account-appearance-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch}
.account-appearance-controls{display:flex;flex-direction:column;justify-content:center;padding:28px}
#accountCard .account-appearance-controls .pesev-preferences{border:0;margin:0;padding:0;background:transparent;font:inherit}
#accountCard .account-appearance-controls .pesev-preferences h3{font-size:19px;margin:0 0 9px}
#accountCard .account-appearance-controls .pesev-pref-help{font-size:12px;line-height:1.8;margin-bottom:21px;color:var(--pesev-muted,#586b85)}
#accountCard .account-appearance-controls .pesev-preferences fieldset{margin-top:20px}
#accountCard .account-appearance-controls .pesev-preferences legend{font-size:13px;color:var(--pesev-ink,#172741);margin-bottom:12px}
#accountCard .account-appearance-controls .pesev-accent-options{gap:8px}
#accountCard .account-appearance-controls .pesev-accent-choice{min-height:72px;border-radius:12px;gap:8px;font-size:11px}
#accountCard .account-appearance-controls .pesev-accent-choice>span:first-child{width:20px;height:20px}
.account-style-preview{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 28px;border:1px solid var(--pesev-line,#dbe4f2);border-radius:20px;background:var(--pesev-soft,#e5edff)}
.account-preview-label{display:flex;align-items:center;justify-content:space-between;color:var(--pesev-link,#2542c7);font-size:10px;letter-spacing:.08em;font-weight:750;text-transform:uppercase;margin-bottom:18px}
.account-preview-dot{width:6px;height:6px;border-radius:50%;background:var(--pesev-link,#2542c7)}
.account-preview-window{padding:19px;border:1px solid var(--pesev-line,#dbe4f2);border-radius:16px;background:var(--pesev-surface,#fff);box-shadow:0 10px 20px #17274104;min-width:0}
.account-preview-top{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;color:var(--pesev-ink,#172741);padding-bottom:15px;border-bottom:1px solid var(--pesev-line,#dbe4f2);margin-bottom:20px}
.account-preview-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--pesev-soft,#e5edff);color:var(--pesev-link,#2542c7)}
#accountCard .account-preview-logo svg{width:17px;height:17px}
.account-preview-line{height:5px;width:65%;border-radius:3px;background:var(--pesev-line,#dbe4f2);margin:9px 0 0}
.account-preview-line-title{height:8px;width:45%;background:var(--pesev-ink,#172741);opacity:.8}
.account-preview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:23px}
.account-preview-tiles>div{min-width:0;border:1px solid var(--pesev-line,#dbe4f2);border-radius:9px;padding:10px;background:var(--pesev-surface,#fff)}
.account-preview-tiles span{display:block;width:22px;height:22px;background:var(--pesev-soft,#e5edff);border-radius:7px;margin-bottom:12px}
.account-preview-tiles i{display:block;height:4px;width:85%;border-radius:3px;background:var(--pesev-line,#dbe4f2);margin-top:5px}
.account-preview-tiles i:last-child{width:60%}
.account-preview-action{width:65px;height:21px;border-radius:6px;margin-top:20px;background:var(--pesev-accent,#3456e9)}
.account-style-preview>p{font-size:12px;color:var(--pesev-link,#2542c7);line-height:1.8;margin:19px 0 0}
.account-password-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:6px;align-items:start}
.account-password-form>div:first-child{grid-column:1/-1}
.account-password-form>div:first-child input{max-width:calc(50% - 9px)}
.account-password-form>.hint,.account-password-form>.primary,.account-password-form>.account-inline-status{grid-column:1/-1;justify-self:start}
#accountCard .account-password-form>.hint{margin-top:12px}
.account-sessions-card{margin-top:20px}
.account-sessions-heading{align-items:center;margin-bottom:18px}
.account-icon-button{display:grid;place-items:center;width:44px;min-height:44px;padding:10px;margin:0;border:1px solid var(--pesev-line,#dbe4f2);border-radius:11px;background:var(--pesev-surface,#fff);color:var(--pesev-link,#2542c7);flex:none}
.account-sessions-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.account-session{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 17px;background:var(--pesev-surface-alt,#f3f6fc);border:1px solid var(--pesev-line,#dbe4f2);border-radius:13px;min-width:0}
.account-session-copy{min-width:0;flex:1 1 200px}
.account-session-copy strong{font-size:13px;font-weight:700;display:block;overflow-wrap:anywhere}
.account-session-copy p{font-size:12px;color:var(--pesev-muted,#586b85);margin:5px 0 0;line-height:1.7}
.account-session-copy small{display:block;font-size:11px;color:var(--pesev-muted,#586b85);margin-top:5px;overflow-wrap:anywhere}
#accountCard .account-session .secondary{margin:0;min-height:44px;font-size:11px;padding:9px 12px}
.account-current-badge{font-size:10px}
.account-other-sessions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin-top:22px;padding-top:22px;border-top:1px solid var(--pesev-line,#dbe4f2)}
#accountCard .account-other-sessions h4{font-size:13px;margin:0}
#accountCard .account-other-sessions input{max-width:360px}
#accountCard .account-caution-button{margin:0;min-height:48px;color:var(--pesev-red,#bd3248);font-size:12px}
.account-logout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 2px 0;margin-top:30px;border-top:1px solid var(--pesev-line,#dbe4f2)}
.account-logout strong{font-size:12px}
.account-logout p{font-size:12px;color:var(--pesev-muted,#586b85);margin:4px 0 0}
#accountCard .account-logout .secondary{margin:0;color:var(--pesev-muted,#586b85);font-size:12px;flex:none}
@media(hover:hover){#accountCard .primary:hover:not(:disabled){background:var(--pesev-accent-deep,#2542c7);border-color:var(--pesev-accent-deep,#2542c7)}#accountCard .secondary:hover:not(:disabled),.account-icon-button:hover:not(:disabled){background:var(--pesev-soft,#e5edff);border-color:var(--pesev-link,#2542c7)}.account-avatar-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.account-tabs>button:hover:not([aria-selected=true]){background:var(--pesev-surface,#fff);color:var(--pesev-link,#2542c7)}}
@media(max-width:800px){.account-data-content{grid-template-columns:1fr;gap:18px}.account-data-action{max-width:none}.account-appearance-grid{grid-template-columns:1fr 1fr}.account-style-preview{padding:22px}.account-other-sessions{grid-template-columns:1fr;gap:16px}.account-other-sessions .secondary{justify-self:start}}
@media(max-width:650px){#accountCard{width:calc(100% - 32px);margin:24px auto 32px;padding:26px 22px}#accountCard[data-account-view=profile]{margin-top:28px}#accountCard h1{font-size:29px}.account-profile-hero{padding:22px 20px;gap:18px;border-radius:20px}#accountCard [data-pesev-avatar-current],#accountCard [data-pesev-avatar-current] .pesev-avatar{width:84px;height:84px}#accountCard #greeting{font-size:25px}.account-profile-identity .account-kicker{display:none}.account-profile-contact{gap:6px;margin-top:7px}.account-tabs{margin:20px 0 26px;padding:5px;gap:4px}.account-tabs>button{gap:7px;padding:10px 8px;font-size:12px}.account-grid,.account-appearance-grid{grid-template-columns:1fr;gap:16px}.account-setting-card{padding:22px;border-radius:18px}.account-section-heading{margin-bottom:18px}#accountCard .account-section-heading h2{font-size:22px}.account-section-heading .muted{font-size:12px}.account-data-card,.account-sessions-card{margin-top:16px}.account-style-preview{padding:22px;max-width:none}.account-preview-window{max-width:360px;width:100%;margin:0 auto}.account-style-preview>p{text-align:center}.account-password-form{grid-template-columns:1fr;gap:0}.account-password-form>div:first-child input{max-width:none}.account-password-form>.primary{justify-self:stretch}.account-logout{margin-top:25px;gap:15px}.account-logout p{max-width:24ch}.account-logout strong{font-size:12px}}
@media(max-width:420px){#accountCard{padding:24px 20px;border-radius:20px}#accountCard[data-account-view=profile]{width:calc(100% - 28px)}#accountCard[data-account-view=profile]>h1{font-size:28px}#accountCard[data-account-view=profile]>#intro{font-size:13px;margin-bottom:21px}.account-profile-hero{align-items:flex-start;gap:14px;padding:20px 16px}#accountCard [data-pesev-avatar-current],#accountCard [data-pesev-avatar-current] .pesev-avatar{width:68px;height:68px}#accountCard #greeting{font-size:22px;letter-spacing:-.6px}#profileEmail{font-size:12px}.account-profile-contact{display:block}.account-verified{margin-top:8px;font-size:9px}.account-avatar-button{font-size:11px;margin-top:6px;gap:5px}.account-tabs>button{flex-direction:column;gap:5px;min-height:64px;padding:8px 5px;font-size:11px}#accountCard .account-tabs svg{width:19px;height:19px}.account-setting-card{padding:20px 17px}.account-card-heading{gap:10px}.account-section-icon{width:35px;height:35px;border-radius:10px}#accountCard h3{font-size:16px}.account-card-heading p{font-size:11px}.names{gap:10px}#accountCard label{font-size:12px}#accountCard .primary,#accountCard .secondary{font-size:12px;padding:11px 13px}#accountCard .account-data-action .secondary{white-space:normal;width:100%}.account-data-content{gap:16px}.account-data-content p{font-size:12px}.account-appearance-controls{padding:22px 18px}.account-preview-window{padding:16px}.account-preview-tiles{gap:7px}.account-preview-tiles>div{padding:9px 8px}.account-sessions-heading{align-items:flex-start}.account-sessions-heading .account-section-icon{display:none}.account-session{padding:14px}.account-session-copy{flex-basis:100%}.account-other-sessions .secondary{justify-self:stretch}.account-logout{align-items:flex-start;flex-direction:column}.account-logout p{max-width:none}#accountCard .account-logout .secondary{width:100%}}
@media(max-width:350px){.names{grid-template-columns:1fr;gap:0}.account-profile-hero{gap:12px;padding:18px 14px}#accountCard [data-pesev-avatar-current],#accountCard [data-pesev-avatar-current] .pesev-avatar{width:58px;height:58px}#accountCard #greeting{font-size:21px}.account-appearance-controls .pesev-accent-options{gap:5px}.account-preview-top{font-size:10px}}
@media print{.account-tabs,.account-logout,#accountCard form,.account-avatar-button{display:none!important}}

/* Animated Beam adapted from Animata (MIT); CSS only, no third-party runtime. */
.account-profile-hero{position:relative;isolation:isolate;overflow:hidden}
.account-profile-hero>.account-profile-avatar,.account-profile-hero>.account-profile-identity{position:relative;z-index:1}
.account-beam{position:absolute;inset:0;display:flex;justify-content:center;overflow:hidden;pointer-events:none;mask-image:linear-gradient(110deg,transparent 15%,#000 85%)}
.account-beam>i{position:relative;flex:0 0 52px;height:100%;border-left:1px solid color-mix(in srgb,var(--pesev-link) 13%,transparent);transform:rotate(12deg)}
/* Small dots glide down every other line, each on its own rhythm; the pseudo-element spans the line so translateY(100%) reaches its end. */
.account-beam>i:nth-child(2n)::after{content:"";position:absolute;left:-2px;top:0;width:3px;height:100%;background:radial-gradient(circle at 50% 3px,var(--pesev-link) 1.2px,transparent 2.2px) no-repeat;opacity:0;transform:translateY(-6px);animation:account-star 13s linear -2s infinite;will-change:transform}
.account-beam>i:nth-child(4n)::after{animation-duration:16s;animation-delay:-9s}
.account-beam>i:nth-child(6n)::after{animation-duration:11s;animation-delay:-5.5s}
.account-beam>i:nth-child(8n+2)::after{animation-duration:18s;animation-delay:-13s}
.account-beam>i:nth-child(10n)::after{animation-duration:14s;animation-delay:-3.2s}
.account-beam>i:nth-child(12n+6)::after{animation-duration:20s;animation-delay:-16s}
.account-beam>i:nth-child(14n)::after{animation-duration:12.5s;animation-delay:-7.4s}
@keyframes account-star{0%{transform:translateY(-6px);opacity:0}12%{opacity:.55}80%{opacity:.4}100%{transform:translateY(100%);opacity:0}}
html[data-pesev-page=compte] .pesev-site-header .pesev-home-link{width:48px;min-width:48px;padding:10px}
@media(max-width:650px){.account-beam>i:nth-child(4n+2)::after{display:none}}
@media(forced-colors:active),print{.account-beam{display:none}}

/*
Animated Beam — https://animata.design/docs/background/animated-beam
MIT License
Copyright (c) Animata

Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the
 "Software"), to deal in the Software without restriction, including
 without limitation the rights to use, copy, modify, merge, publish,
 distribute, sublicense, and/or sell copies of the Software, and to
 permit persons to whom the Software is furnished to do so, subject to
 the following conditions:

The above copyright notice and this permission notice shall be
 included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

/* Password fields: show/hide button and decorative companion. */
.pesev-password-field{position:relative;display:block}
#accountCard .pesev-password-field>input{padding-right:54px}
.pesev-password-toggle{position:absolute;top:50%;right:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--pesev-muted,#586b85);transform:translateY(-50%)}
.pesev-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.pesev-password-toggle:hover{background:var(--pesev-soft,#edf3ff);color:var(--pesev-link,#2542c7)}}
.pesev-password-toggle[aria-pressed=true]{color:var(--pesev-link,#2542c7)}
.account-password-form>div:first-child .pesev-password-field{max-width:calc(50% - 9px)}@media(max-width:650px){.account-password-form>div:first-child .pesev-password-field{max-width:none}}.account-password-form>div:first-child .pesev-password-field>input{max-width:none}
#accountCard .account-other-sessions .pesev-password-field{max-width:360px}#accountCard .account-other-sessions .pesev-password-field>input{max-width:none}
/* Companion: line drawing in the palette colors; only transform and opacity change. */
.pesev-buddy{display:block;flex:none;pointer-events:none;--look-x:0px;--look-y:0px}
.pesev-buddy[hidden]{display:none}
#accountCard .pesev-buddy svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:none}
.pesev-buddy.is-auth{width:76px;height:76px;margin:0 0 18px}
.pesev-buddy.is-card{width:46px;height:46px}
#accountCard .account-card-heading>.pesev-buddy{margin-left:auto;align-self:center}
#accountCard .account-other-sessions h4:has(>.pesev-buddy){display:flex;align-items:center;justify-content:space-between;gap:12px}
.pesev-buddy-bg{fill:var(--pesev-soft,#edf3ff)}
.pesev-buddy-line{fill:var(--pesev-surface,#fff);stroke:var(--pesev-ink,#172741);stroke-width:2.4;stroke-linejoin:round}
.pesev-buddy-sprout{fill:var(--pesev-accent,#3456e9);stroke-width:1.8}
.pesev-buddy-cheek{fill:#ef9a8f;opacity:.45}
.pesev-buddy-eyes{fill:var(--pesev-ink,#172741);transform-box:fill-box;transform-origin:center;animation:pesev-buddy-blink 6s ease-in-out infinite}
.pesev-buddy-shine{fill:var(--pesev-surface,#fff)}
.pesev-buddy-lids,.pesev-buddy-smile{fill:none;stroke:var(--pesev-ink,#172741);stroke-width:2.2;stroke-linecap:round}
.pesev-buddy-head{transform:translate(calc(var(--look-x) * .35),calc(var(--look-y) * .35));transition:transform 160ms ease-out}
.pesev-buddy-face{transform:translate(var(--look-x),var(--look-y));transition:transform 140ms ease-out}
.pesev-buddy-lids{opacity:0}
.pesev-buddy-eyes,.pesev-buddy-lids{transition:opacity 140ms ease-out}
/* Two states: open eyes that follow, closed eyes while a password is shown. */
.pesev-buddy[data-state=closed] .pesev-buddy-eyes{opacity:0;animation:none}
.pesev-buddy[data-state=closed] .pesev-buddy-lids{opacity:1}
@keyframes pesev-buddy-blink{0%,46%,50%,100%{transform:none}48%{transform:scaleY(.1)}}
@media(max-width:420px){.pesev-buddy.is-auth{width:64px;height:64px;margin-bottom:14px}.pesev-buddy.is-card{width:40px;height:40px}}
@media(forced-colors:active),print{.pesev-buddy{display:none}}
/* Suppression du compte : action définitive, séparée des réglages courants. */
#accountCard .account-delete-card{border-color:color-mix(in srgb,var(--pesev-red,#bd3248) 28%,var(--pesev-line,#dbe4f2))}
#accountCard .account-delete-form>p{margin:0 0 12px;max-width:68ch;font-size:14px;line-height:1.6}#accountCard .account-delete-form>p.hint{font-size:12px}
#accountCard .account-delete-form input{max-width:360px}
#accountCard .account-danger-button{min-height:48px;color:var(--pesev-red,#bd3248);border-color:color-mix(in srgb,var(--pesev-red,#bd3248) 40%,transparent);font-size:12px}
