#site-session,.account-page,#session-blocker{box-sizing:border-box;font:15px/1.5 "Segoe UI",Arial,sans-serif;color:var(--cp-text,#242424);background:var(--cp-surface,#fff)}
#site-session{position:relative;z-index:102;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:10px 20px;border-bottom:1px solid var(--cp-border,#ccc);min-width:0}
#session-identity{overflow-wrap:anywhere;min-width:0;flex:1 1 240px}
#session-status{display:block;font-size:13px;color:var(--cp-text-muted,#555)}
#session-check-result{position:absolute;top:calc(100% + 8px);right:14px;z-index:1;box-sizing:border-box;width:max-content;max-width:min(440px,calc(100vw - 28px));margin:0;padding:12px 14px;border:1px solid var(--cp-border-strong,#777);border-radius:8px;background:var(--cp-surface,#fff);color:var(--cp-text,#242424);box-shadow:0 4px 16px rgba(0,0,0,.18);font-size:13px;overflow-wrap:anywhere}
#session-check-result[data-state="error"]{color:var(--cp-danger,#b91c1c)}
#site-session button:disabled,#session-blocker button:disabled{opacity:.65;cursor:wait}
.session-actions{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
#site-session a,.account-page a,#session-blocker a{color:var(--cp-link,#0078d4);text-decoration:underline;cursor:pointer;overflow-wrap:anywhere}
#site-session button,.account-page button,#session-blocker button{font:inherit;padding:6px 12px;cursor:pointer;border:1px solid var(--cp-border-strong,#777);border-radius:6px;background:var(--cp-surface,#fff);color:var(--cp-text,#242424)}
#site-session :focus-visible,.account-page :focus-visible,#session-blocker :focus-visible{outline:3px solid var(--cp-accent,#0078d4);outline-offset:3px}
.account-page{max-width:800px;margin:32px auto;padding:24px;border:1px solid var(--cp-border,#ccc);border-radius:12px}
.account-page li{margin:18px 0}
#session-blocker{position:fixed;inset:100px 16px auto;z-index:101;padding:24px;border:2px solid var(--cp-border-strong,#777)}
body.session-locked>:not(#site-session):not(#session-blocker){visibility:hidden!important}
html[data-session-embedded] #site-session{display:none}
body.session-gallery{display:flex;flex-direction:column}
body.session-gallery>#site-session,body.session-gallery>.topbar{flex:none}
body.session-gallery>.app{flex:1;min-height:0;height:auto}
[hidden]{display:none!important}
@media(max-width:760px){body.session-gallery{display:block}body.session-gallery>.app{height:auto}}
@media(max-width:480px){#site-session{padding:10px 14px}.account-page{margin:16px 10px;padding:18px}}
@media print{#site-session,#session-blocker{display:none!important}}