.session-timeout-backdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:1rem;background:rgba(25,28,29,.42);backdrop-filter:blur(8px);pointer-events:auto}.session-timeout-modal{position:relative;z-index:1;width:min(100%,520px);pointer-events:auto;border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.28);padding:clamp(1.75rem,4vw,2.5rem);text-align:center}.session-timeout-modal__icon-wrap{position:relative;width:6rem;height:6rem;margin:0 auto 1.75rem}.session-timeout-modal__icon-main{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:rgba(255,218,214,.45);color:#b71422}.session-timeout-modal__icon-badge{position:absolute;right:-.15rem;bottom:-.15rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;border:2px solid #fff;background:#fff;color:#ba1a1a;box-shadow:0 2px 8px rgba(15,23,42,.12)}.session-timeout-modal__title{margin:0;font-family:var(--font-auth-hanken,"Hanken Grotesk"),system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:#191c1d}.session-timeout-modal__lead{margin:.5rem 0 0;font-size:1rem;line-height:1.6;color:#5f5e5e}.session-timeout-modal__countdown{position:relative;width:8rem;height:8rem;margin:2rem auto}.session-timeout-modal__ring{width:100%;height:100%;transform:rotate(-90deg)}.session-timeout-modal__ring-track{stroke:#edeeef}.session-timeout-modal__ring-progress{stroke:#ff4d4d;transition:stroke-dashoffset .9s linear}.session-timeout-modal__countdown-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.session-timeout-modal__countdown-value{font-size:2.5rem;font-weight:800;line-height:1;color:#191c1d}.session-timeout-modal__countdown-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5f5e5e}.session-timeout-modal__info{display:flex;align-items:flex-start;gap:.85rem;width:100%;margin-bottom:1.75rem;padding:1rem 1.1rem;border:1px solid rgba(228,190,186,.35);border-radius:12px;background:#f3f4f5;text-align:left}.session-timeout-modal__info-icon{display:grid;place-items:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:10px;background:rgba(255,218,214,.55);color:#b71422}.session-timeout-modal__info-title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:#191c1d}.session-timeout-modal__info-copy{margin:.25rem 0 0;font-size:.875rem;line-height:1.45;color:#5f5e5e}.session-timeout-modal__actions{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.session-timeout-modal__btn{position:relative;z-index:2;min-height:3.25rem;border-radius:12px;padding:.85rem 1.25rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.session-timeout-modal__btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,77,77,.22)}.session-timeout-modal__btn:active:not(:disabled){transform:scale(.98)}.session-timeout-modal__btn--secondary{border:1px solid rgba(228,190,186,.65);background:#fff;color:#191c1d}.session-timeout-modal__btn--secondary:hover:not(:disabled){background:#f8f9fa}.session-timeout-modal__btn--primary{border:none;background:linear-gradient(180deg,#ff4d4d,#e63939);color:#fff;box-shadow:0 4px 12px rgba(255,77,77,.3)}.session-timeout-modal__btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#e63939,#d62f2f)}.session-timeout-modal__btn:disabled{opacity:.65;cursor:not-allowed}.session-timeout-modal__footer{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:0;font-size:.8125rem;font-weight:500;color:rgba(95,94,94,.85)}.session-timeout-modal__error{margin:0 0 1rem;padding:.75rem .9rem;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.875rem;font-weight:600;line-height:1.45;text-align:left}@media (min-width:560px){.session-timeout-modal__actions{grid-template-columns:1fr 1fr}}