/* A quiet 2.25 second pause, then the authenticated session closes. */
.logout-transition{border:0;margin:0;padding:24px;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:radial-gradient(ellipse at 50% 33%,#eadff3 0,transparent 60%),#f9f5fc;color:#654b79;text-align:center}
.logout-transition[open]{display:grid;place-items:center}
.logout-transition::backdrop{background:#f9f5fc}
.logout-transition-content{width:min(100%,480px);animation:logout-content-in .65s cubic-bezier(.2,.7,.2,1) both}
.logout-signature{width:142px;height:121px;margin:0 auto 26px;display:grid;place-items:center}
.logout-signature>img{display:block;width:100%;height:auto;object-fit:contain;animation:logout-mark-in .7s ease-out both}
.logout-wordmark{font:48px/1.1 Georgia,serif;letter-spacing:.055em;color:#5c426e;margin:0 0 10px}
.logout-wordmark sup{font-size:.45em;vertical-align:super;line-height:0}
.logout-caption{font:italic 19px/1.6 "Wang Studio Serif",Georgia,serif;color:#9e82b2;margin:0 0 28px}
.logout-transition h2{font-size:22px;font-weight:500;line-height:1.8;letter-spacing:.045em;margin:0 0 9px;color:#76598c}
.logout-transition .logout-status{font-size:13px;line-height:1.8;letter-spacing:.05em;color:#a28caf;margin:0}
.logout-track{width:116px;height:2px;border-radius:2px;background:#e2d5eb;overflow:hidden;margin:27px auto 0}
.logout-track span{display:block;height:100%;background:#9e7bb7;transform-origin:left;animation:logout-progress .95s ease-in-out both}
.returning-cover .cover-copy{animation:logout-cover-in .6s ease-out both}
.returning-cover .cover-plaque{animation:logout-cover-in .8s ease-out both}
@keyframes logout-content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes logout-mark-in{from{opacity:0;transform:scale(.92)}to{opacity:.9;transform:scale(1)}}
@keyframes logout-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes logout-cover-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.logout-signature{width:124px;height:106px;margin-bottom:21px}.logout-wordmark{font-size:43px}.logout-transition h2{font-size:20px}.logout-caption{font-size:18px;margin-bottom:22px}}
@media(orientation:landscape) and (max-height:500px){.logout-signature{width:75px;height:64px;margin-bottom:12px}.logout-wordmark{font-size:35px}.logout-caption{font-size:16px;margin-bottom:14px}.logout-transition h2{font-size:18px}.logout-track{margin-top:14px}}
@media(max-height:340px){.logout-signature{display:none}.logout-caption{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.logout-transition-content,.logout-signature>img,.logout-track span,.returning-cover .cover-copy,.returning-cover .cover-plaque{animation:none!important;transform:none;opacity:1}}

.logout-loading{margin:38px auto 0;width:min(230px,80%);color:#8d709f}.logout-loading>span{font:11px/1.5 ui-monospace,monospace;letter-spacing:.22em}.logout-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:12px}.logout-cells i{height:7px;border-radius:2px;background:#e4d8ec;animation:logout-cell-fill .15s calc(var(--cell)*.2s) ease-out both}@keyframes logout-cell-fill{to{background:#a181b5;box-shadow:0 0 8px #bda0ce44}}@media(orientation:landscape) and (max-height:500px){.logout-loading{margin-top:18px}}@media(prefers-reduced-motion:reduce){.logout-cells i{animation:none;background:#a181b5}}