.session-notice{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce4ee;border-radius:20px;padding:32px;background:#fff;color:#162b48;box-shadow:0 24px 80px #0e2b5933;font:14px/1.6 Inter,'Segoe UI',sans-serif}.session-notice::backdrop{background:#0b193966;backdrop-filter:blur(5px)}.session-notice-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border-radius:16px;background:#edf3fb;color:#0e2b59}.session-notice-icon svg{width:28px;height:28px}.session-notice h2{font:700 25px/1.25 Inter,'Segoe UI',sans-serif;margin:0 0 12px;color:#0e2b59;letter-spacing:-.025em}.session-notice p{margin:0 0 12px;color:#52627a;font-size:14px}.session-notice .session-note{font-size:12px;background:#f8fafc;padding:12px 14px;border-radius:8px;margin:18px 0 24px}.session-notice-actions{display:flex;gap:10px;flex-wrap:wrap}.session-notice-actions a,.session-notice-actions button{box-sizing:border-box;min-height:44px;border-radius:8px;padding:11px 16px;font:600 13px/1.5 Inter,'Segoe UI',sans-serif;cursor:pointer;text-decoration:none;text-align:center}.session-notice-actions a{background:#0e2b59;color:#fff;border:1px solid #0e2b59;flex:1}.session-notice-actions a:hover{background:#183f77}.session-notice-actions button{background:#fff;border:1px solid #d7e0eb;color:#33465f}.session-notice :focus-visible{outline:3px solid #83b3ef;outline-offset:3px}@media(max-width:480px){.session-notice{padding:24px}.session-notice-actions{flex-direction:column}.session-notice-actions>*{width:100%}}
body[data-session-expired]{margin:0;min-height:100vh;background:#edf2f8}