.account-head{padding:70px 0 65px}.account-head h1{font:800 clamp(52px,8vw,100px)/1.02 Manrope;letter-spacing:-.065em;margin:28px 0}.account-head h1 em{font:italic 400 1em 'DM Serif Display'}.account-head>p{max-width:570px;line-height:1.8;color:#70685e}.account-panel{max-width:680px;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.account-panel label{display:block;margin:20px 0 8px}.account-panel input,.account-panel select{font:inherit;width:100%;padding:16px;border:1px solid #756a5b65;border-radius:14px;background:#ffffff30;color:#25231f}.account-panel .consent{display:flex;align-items:start;gap:12px;line-height:1.6;font-size:13px}.consent input{width:20px;flex:none;margin-top:3px}.account-panel button{margin-top:20px;cursor:pointer}.account-panel button:disabled{opacity:.5;cursor:wait}.account-status{line-height:1.7;margin:20px 0;min-height:28px}.account-status[data-error=true]{color:#96372f}.account-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.account-notes{padding:70px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.account-notes h2{font:400 40px 'DM Serif Display';margin-bottom:20px}.account-notes p{line-height:1.8;color:#b9b3af}.account-notes article{border-top:1px solid #ffffff35;padding-top:25px}[hidden]{display:none!important}@media(max-width:700px){.account-head{padding:45px 0}.account-notes{grid-template-columns:1fr}.account-head h1{font-size:54px}}
.account-head{max-width:1180px;margin:auto}.account-head h2{font:400 36px/1.1 'DM Serif Display';margin:28px 0 16px}.account-head p{line-height:1.75}.account-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:8%;align-items:start}.account-panel{width:100%}.account-panel form+form,.account-panel form+div{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.account-panel input:read-only{background:#25231f09;color:#6a6258}.profile-id{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-id strong{font:700 23px Manrope}.profile-id p{font-size:13px;overflow-wrap:anywhere}.profile-avatar{width:85px;height:85px;flex:none;border-radius:50%;background:#ad524b22;display:grid;place-items:center;font:700 32px Manrope;overflow:hidden;border:1px solid #ad524b55}.profile-avatar img{width:100%;height:100%;object-fit:cover}.status-pill{display:inline-block;border:1px solid #ad524b65;border-radius:99px;padding:5px 12px;font-size:11px;margin:10px 0}.account-tabs{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.account-tabs a{font-weight:700}.field-note{font-size:12px;color:#736c62;margin-top:10px!important}.text-button{border:0;background:none;text-decoration:underline;padding:12px 0;display:block}.account-shortcuts{padding-top:40px;display:grid;gap:20px}.account-shortcut{position:relative;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:205px;background:#ffffff18;transition:background .3s}.account-shortcut:hover{background:#ffffff40}.account-shortcut>span{font-size:10px;letter-spacing:2px}.account-shortcut strong{display:block;font:700 30px/1.1 Manrope;margin:22px 0}.account-shortcut em{font:italic 400 35px 'DM Serif Display'}.account-shortcut i{position:absolute;right:25px;bottom:25px;font-style:normal;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.account-panel .round-btn{margin-top:18px}.security-state{padding:20px 0}.setup-qr{margin:25px 0;width:240px;max-width:100%;padding:10px;background:white;border-radius:16px}.setup-qr img{width:100%;display:block}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.recovery-codes code{font-size:12px;padding:10px;background:#ffffff38;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.admin-list{display:grid;gap:20px;margin:40px 0}.admin-member{border:1px solid var(--line);padding:24px;border-radius:20px}.admin-member h2{margin-top:0;font-size:28px}.admin-member .account-links button{margin:0}.admin-member button{padding:12px 20px;font-size:13px}.account-notes .round-btn{margin-top:24px;color:#eee}.account-notes .round-btn:hover{background:#eee;color:#25231f}.account-shortcuts+.round-btn{margin-top:20px}#factor-secret{font-family:monospace;font-size:14px;letter-spacing:1px}#account-status[data-error=true]{border-left:3px solid #ad524b;padding-left:14px}.account-panel input:focus-visible,.account-panel select:focus-visible{outline:2px solid #ad524b;outline-offset:3px}@media(max-width:780px){.account-layout{grid-template-columns:1fr;gap:15px}.account-head h1{font-size:clamp(48px,13vw,72px)}.account-shortcuts{grid-template-columns:1fr}.profile-id{gap:14px}.profile-id strong{font-size:20px}.profile-avatar{width:68px;height:68px}.account-head h2{font-size:31px}.recovery-codes{grid-template-columns:1fr}.account-panel input,.account-panel select{font-size:16px}.account-shortcut{min-height:180px}}@media(prefers-reduced-motion:reduce){.account-shortcut{transition:none}}
.member-card .card-bottom strong{overflow-wrap:anywhere}#flip .card-name strong{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(13px,2vw,20px)}#flip .card-name{right:25px}#flip .card-name small{letter-spacing:1px}#flip .face.back .demo-qr{flex:none;max-width:40%}
/* Two connected halves, with one clear action in each place. */
.account-head{padding:48px 0 30px}.account-head h1{margin:22px 0}.account-head h2,.account-notes h2,.account-details h2,.account-details h3{font:750 clamp(30px,4vw,49px)/1.05 Manrope;letter-spacing:-.045em}.account-head h2 em,.account-notes h2 em,.account-details h2 em,.account-details h3 em{font:italic 400 1.1em/1.05 'DM Serif Display';letter-spacing:-.035em}.account-notes{padding:55px 0 70px}.account-details{padding:55px 0 45px}.account-details .section-heading{display:flex;justify-content:space-between;align-items:start;gap:35px}.account-details .section-heading h2{max-width:690px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start}.account-details .account-panel{max-width:760px}.dark .account-panel{border-color:#ffffff30}.dark .account-panel input,.dark .account-panel select{background:#ffffff09;color:#eee6d7;border-color:#ffffff40}.dark .account-panel select option{color:#25231f}.dark .account-panel input:read-only{color:#bfb7ae}.dark .field-note{color:#b9b1a9}.dark .round-btn{color:#eee6d7}.dark .round-btn:hover{background:#eee6d7;color:#25231f}.dark .text-button{color:#c4bcb4}.dark .account-panel p{line-height:1.7}.dark .account-panel p[data-error=true]{color:#f7a39b}.dark .account-panel label{line-height:1.6}.dark .account-panel .consent input{width:20px}.dark .account-panel .consent{align-items:flex-start}.account-head .account-panel{margin-top:24px}.account-head+.account-panel{margin-top:20px}body[data-account-screen] .local-wave{height:250px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:25px;margin:24px 0}.admin-summary span{font:700 clamp(35px,5vw,60px) Manrope;font-variant-numeric:tabular-nums}.admin-summary p{font-size:12px}.dark .admin-member{background:linear-gradient(135deg,#ffffff0c,#ffffff03);border-color:#ffffff30;backdrop-filter:blur(10px)}.dark .admin-member h2{font-size:27px;margin-bottom:13px}.dark .admin-member p{color:#beb4ae;line-height:1.7}.dark .admin-member .round-btn{border-color:#ffffff55}.photo-stage{width:min(100%,350px);aspect-ratio:1;margin:22px 0;border-radius:24px;overflow:hidden;background:#eee6d7;border:1px solid #ffffff45;position:relative}.photo-stage::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 90px #0005;pointer-events:none}.photo-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.photo-stage canvas:active{cursor:grabbing}.zoom-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:500px}.zoom-toolbar>button{border:1px solid #ffffff50;border-radius:50%;height:42px;min-width:42px;background:none;color:inherit;padding:8px;margin:0}.zoom-toolbar [data-photo-center]{border-radius:99px;padding:10px 16px}.zoom-toolbar label{flex:1;min-width:120px;font-size:12px;margin:0}.account-panel .zoom-toolbar input[type=range]{width:100%;padding:0;margin-top:10px;accent-color:#ad524b}.photo-viewer{background:#151313;border:1px solid #ffffff40;border-radius:20px;max-width:96vw;max-height:94vh;padding:45px 15px 15px}.photo-viewer::backdrop{background:#000d;backdrop-filter:blur(10px)}.photo-viewer img{display:block;max-width:90vw;max-height:78vh;width:auto;height:auto;object-fit:contain}.photo-viewer button{position:absolute;top:5px;right:12px;border:0;background:none;color:#eee;font-size:30px}.profile-avatar{padding:0;cursor:zoom-in}.profile-avatar:disabled{opacity:1;cursor:default}#no-profile #admin-entry{padding-top:20px;border-top:1px solid var(--line);margin-top:20px}#factor-setup,#recovery-panel,#disable-form{scroll-margin-top:30px}#factor-locked{padding-top:20px}.account-panel .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}#join-status{margin-top:20px}.card-intro .card-grid{display:flex;flex-direction:column;align-items:center;gap:22px}.card-intro .card-scene{max-width:810px;margin:30px auto 0}.card-intro .card-note{max-width:650px;text-align:center;color:#756d62}.card-intro .card-scene .face{box-shadow:0 18px 40px #25231f25,inset 0 1px #ffffff42;color:#eee6d7}.card-intro .card-scene .face .logo{width:clamp(100px,17vw,170px)}.card-intro{padding-bottom:25px}.card-actions-center{text-align:center;padding:10px 0 35px}.card-actions-center>.eyebrow{justify-content:center}.card-actions-center h2{font:750 clamp(46px,7vw,86px)/1 Manrope;letter-spacing:-.055em;margin:25px 0 35px}.card-actions-center h2 em{font:italic 400 1.08em 'DM Serif Display'}.card-actions-center .actions{justify-content:center;gap:clamp(18px,4vw,55px)}.card-actions-center .action{min-width:70px}.card-actions-center .action span{height:66px;width:66px}.card-body{padding-top:30px!important;padding-bottom:35px!important}.card-grid .face.back{justify-content:center}.account-panel p[role=status]{min-height:25px;margin-top:15px}
@media(max-width:780px){.account-head{padding:35px 0 20px}.account-details{padding:35px 0}.account-details .section-heading{display:block}.account-details .section-heading h2{margin-top:20px}.settings-grid{grid-template-columns:1fr;gap:35px}.account-notes{padding:30px 0 45px}.account-notes h2{font-size:36px}body[data-account-screen] .local-wave{height:210px}.card-actions-center .actions{gap:14px}.card-actions-center .action{font-size:11px;min-width:60px}.card-actions-center .action span{height:55px;width:55px}.card-intro .card-scene{margin-top:15px}.admin-summary{gap:10px}.admin-summary p{font-size:11px}.account-panel .fields{grid-template-columns:1fr}.photo-stage{width:min(100%,330px)}}
.account-shortcut i,.admin-member .round-btn,.zoom-toolbar button,.portal-head .avatar,.profile-avatar{transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s}.account-shortcut:hover i{transform:rotate(45deg)}.admin-member .round-btn:active,.zoom-toolbar button:active{transform:scale(.94)}@media(hover:hover) and (pointer:fine){.account-shortcut:hover{transform:translateY(-5px)}.admin-member{transition:transform .4s,border-color .3s}.admin-member:hover{transform:translateY(-3px);border-color:#ad524b99}.portal-head .avatar:hover,.profile-avatar:hover{transform:scale(1.06)}.portal-grid .member-card:hover{transform:perspective(1100px) rotateY(-4deg) rotateX(3deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.account-shortcut,.account-shortcut i,.admin-member,.admin-member .round-btn,.zoom-toolbar button,.portal-head .avatar,.profile-avatar{transition:none!important;transform:none!important}}

.card-intro #flip .card-name strong{font-size:clamp(16px,2.4vw,30px)}.card-actions-center .card-note{margin:22px auto 0;max-width:600px;min-height:20px;line-height:1.7}.account-shortcut{transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s}.photo-editor input[type=file]{font-size:13px}
.account-notes [data-install-help]{margin-top:24px!important;max-width:550px;line-height:1.8}.account-notes [data-install-help]:empty{display:none}.account-details .section-heading{display:block;text-align:center}.account-details .section-heading>.eyebrow{justify-content:center}.account-details .section-heading h2{margin:22px auto 0;max-width:900px}.account-head .profile-continuation{font-size:12px;margin-top:7px;color:#84796c}.account-status:empty{display:none}.profile-photo-image{display:block;width:100%;height:100%;object-fit:cover}.photo-viewer{padding:50px 18px 18px;min-width:240px;max-width:94vw}.photo-viewer .photo-loading{font-size:12px;line-height:1.6;color:#c5bbb5;text-align:center;margin-top:14px}.photo-viewer[open]::backdrop{animation:photo-backdrop-in 240ms ease-out}.photo-viewer[open] #photo-large{border-radius:8px}@keyframes photo-backdrop-in{from{background-color:#0000;backdrop-filter:blur(0)}to{background-color:#000d;backdrop-filter:blur(10px)}}@media(prefers-reduced-motion:reduce){.photo-viewer[open]::backdrop{animation:none!important}}

/* Clip the loaded portal photo to the avatar circle, including during hover motion. */
.portal-head .avatar{overflow:hidden;flex-shrink:0;aspect-ratio:1;border-radius:50%}.portal-head .avatar>.profile-photo-image{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:50%}

#factor-setup .factor-confirm-heading{margin-top:42px;margin-bottom:22px;padding-top:26px;border-top:1px solid #ffffff25}#factor-secret{margin-bottom:10px}#factor-setup>label[for="factor-secret"]{margin-top:26px}.session-exit-form{margin:0;padding:0;border:0}.session-exit-form .round-btn{margin-top:0}#admin-entry .session-exit-form{margin-top:20px}@media(max-width:780px){#factor-setup .factor-confirm-heading{margin-top:34px;padding-top:24px}}

.account-head .security-exit{margin-top:25px}

#factor-setup{padding-top:28px}#factor-setup>h2:first-child{margin:0 0 24px}#factor-setup>h2:first-child+p{margin:0 0 28px;line-height:1.85}#factor-setup .setup-qr{margin-top:28px;margin-bottom:32px}#setup-factor{margin-top:26px}#factor-setup .factor-confirm-heading{margin-top:46px;margin-bottom:24px;padding-top:30px}.session-exit-status{font-size:13px;line-height:1.7;max-width:480px;margin-top:14px}.session-exit-status:empty{display:none}.session-exit-status[data-error=true]{color:#ad524b}.dark .session-exit-status[data-error=true]{color:#ef9a90}@media(max-width:780px){#factor-setup>h2:first-child{margin-bottom:22px}#factor-setup>h2:first-child+p{margin-bottom:26px}}

.password-panel{margin-top:50px;padding-top:32px!important}.password-panel h3{margin:0 0 22px}.password-panel>p{margin-top:16px;color:#c4bab2;line-height:1.8}.password-panel .round-btn{margin-top:25px;gap:22px}@media(max-width:780px){.password-panel{margin-top:38px}}
/* Keep authenticator QR square, high-contrast and separated from the key. */
#setup-qr{width:min(320px,100%);box-sizing:border-box;padding:16px;margin:28px 0 34px;background:#fff;min-height:0;border-radius:18px}#setup-qr img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;color:#202020}#setup-qr .qr-error{color:#25231f;font:14px/1.7 Manrope;margin:0}#factor-secret{margin-bottom:34px}.factor-confirm-heading{margin-top:30px!important}
.approval-toast{position:fixed;z-index:2500;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 40px));box-sizing:border-box;padding:24px 55px 24px 24px;border-radius:22px;background:#eee8db;color:#25231f;border:1px solid #b6494250;box-shadow:0 16px 50px #0003;font:14px/1.6 Manrope}.approval-toast strong{display:block;font-size:16px}.approval-toast p{margin-top:8px}.approval-toast button{position:absolute;right:14px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#25231f0d;color:#25231f;font-size:24px;cursor:pointer}.round-btn[aria-busy=true]{cursor:progress;position:relative}.round-btn[aria-busy=true]::after{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:account-button-spin .8s linear infinite}@keyframes account-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.round-btn[aria-busy=true]::after{animation:none}}
/* A loading spinner shares the text baseline and cannot wrap above it. */
.round-btn[aria-busy=true]{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:12px;white-space:nowrap}.round-btn[aria-busy=true]::after{display:inline-block!important;position:static!important;flex:0 0 14px;box-sizing:border-box;vertical-align:middle;margin:0!important;align-self:center}
.round-btn[aria-busy=true]::after{inset:auto!important;z-index:auto!important;opacity:1!important;background:none!important;pointer-events:none}