/* Account is optional: keep the playground, add one small warm-pink doorway. */
.site-header{flex-wrap:wrap;column-gap:20px;row-gap:14px}
.account-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:42px;padding:9px 15px;border:1px solid #e9bccd;border-radius:999px;background:#fff0f6;color:#793e59;font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap}
.account-entry:hover{background:#ffe4ef;border-color:#bf688c}
.account-entry:focus-visible,.account-dialog :focus-visible{outline:3px solid #a24574;outline-offset:4px}
.account-dialog{box-sizing:border-box;width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:34px;border:1px solid #edc7d8;border-radius:26px;background:linear-gradient(145deg,#fffafd,#fff2f6);color:#553448;box-shadow:0 30px 100px #6c264d33;overflow:auto;overscroll-behavior:contain}
.account-dialog::backdrop{background:#36233165;backdrop-filter:blur(5px)}
.account-dialog .dialog-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid #edd2df;border-radius:50%;background:#fff9fc;color:#75435e;font-size:23px;cursor:pointer}
.account-eyebrow{margin:0 35px 12px 0;color:#a0617e;font-size:10px;font-weight:800;letter-spacing:2px}
.account-dialog h2{margin:0 0 12px;font-size:27px;line-height:1.3;letter-spacing:-.7px}
.account-intro,.account-note{font-size:13px;line-height:1.8;color:#806074;margin:0 0 20px}
.account-note{margin:14px 0 0;font-size:12px}
.account-dialog form{display:grid;gap:15px;margin-top:18px}
.account-dialog label{display:grid;gap:7px;font-size:13px;font-weight:700}
.account-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:12px 13px;border:1px solid #dfbfd0;border-radius:12px;background:#fffcfe;color:#553448;font:inherit;line-height:1.5}
.account-dialog input::placeholder{color:#a08595;font-size:12px}
.account-dialog .button{min-height:45px;width:100%;justify-content:center;font-size:14px;margin-top:2px;cursor:pointer}
.account-dialog .button:disabled{opacity:.55;cursor:wait}
.account-links{display:flex;justify-content:space-between;gap:12px;margin-top:17px;flex-wrap:wrap}
.account-link{border:0;background:none;padding:3px 0;color:#8b456b;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.account-status{min-height:20px;margin:14px 0 0;font-size:12px;line-height:1.7;color:#82516d;overflow-wrap:anywhere}
.account-status[data-error="true"]{color:#a72d50}
.account-passport{display:flex;align-items:center;gap:15px;background:#fff9fc;border:1px solid #efd0de;border-radius:18px;padding:18px;margin:18px 0}
.account-avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:#f9deec;border:1px solid #efb7d0;border-radius:17px;color:#a8527b;font-size:24px}
.account-passport strong{font-size:17px;display:block;overflow-wrap:anywhere}
.account-uid{font:700 15px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.5px;color:#8f5272;overflow-wrap:anywhere}
.account-safety{display:inline-flex;gap:5px;font-size:11px;border-radius:999px;padding:5px 9px;background:#f3eaf8;color:#745288}
.account-facts{font-size:12px;line-height:1.8;color:#7b5d70;padding-left:18px;margin:18px 0}
.account-secret{margin:18px 0;padding:17px;border:1px dashed #ca81a1;border-radius:14px;background:#fff9fc}
.account-secret label{font-size:12px}
.account-secret input{margin:9px 0;font:700 15px/1.8 ui-monospace,Consolas,monospace;letter-spacing:1px}
.account-secret .account-link{margin:2px 0}
.account-ack{display:flex!important;align-items:flex-start;gap:9px!important;font-size:12px!important;line-height:1.6}
.account-ack input{width:17px;min-height:17px;flex-shrink:0;margin:2px 0;accent-color:#a94e7a}
.account-dialog [hidden]{display:none!important}
@media(max-width:720px){.site-header nav{order:3;width:100%;justify-content:center}.account-entry{margin-left:auto}.site-header .motion-switch{margin-left:auto}.site-header .motion-switch+.account-entry{margin-left:0}.account-dialog{padding:27px 22px}.account-dialog h2{font-size:24px}.account-entry{font-size:12px;padding:8px 12px}}
@media(max-width:380px){.site-header{column-gap:9px}.account-entry{padding:8px 10px}.account-entry>span[aria-hidden]{display:none}.account-dialog{padding:27px 18px}.account-secret input{font-size:12px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.account-dialog,.account-entry{transition:none!important}}
@media(forced-colors:active){.account-dialog,.account-entry,.account-passport,.account-secret{border-color:CanvasText}.account-avatar{border:1px solid CanvasText}}