.quantumSessionLock{width:min(440px,calc(100vw - 40px));box-sizing:border-box;padding:30px;border:1px solid #60748c;border-radius:14px;background:var(--panel,#fff);color:var(--text,#17283e);box-shadow:0 24px 90px #0006;font:16px/1.5 system-ui,sans-serif}
.quantumSessionLock::backdrop{background:#122238e8;backdrop-filter:blur(12px)}
.quantumSessionLock h2{margin:0 0 12px;font-size:24px}.quantumSessionLockIdentity{font-weight:600}.quantumSessionLock label{display:grid;gap:8px}
.quantumSessionLock input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #74869a;border-radius:7px;font:inherit;background:var(--panel,#fff);color:inherit}
.quantumSessionLock button{width:100%;padding:12px;border:0;border-radius:7px;background:#245bb3;color:#fff;font:inherit;cursor:pointer}.quantumSessionLock button:disabled{opacity:.6;cursor:wait}.quantumSessionLockError{color:#c73535;min-height:1.5em}
.topbar>#lockSessionButton{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:30px;padding:0;color:#e0eaf4;background:#454e56;border:1px solid #68737d;border-radius:3px}.topbar>#lockSessionButton:hover{background:#65717d}.topbar>#lockSessionButton:disabled{opacity:.5;cursor:default}
/* The lock scene lives inside the modal top layer; the password card remains interactive. */
.quantumSessionLock.quantumSessionLockScreen{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:36px 24px;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;overflow:auto;background:radial-gradient(ellipse at 50% 25%,#193b60 0,#101f36 48%,#0a1323 100%);isolation:isolate}
.quantumSessionLockScreen::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#8bdfff55 1px,transparent 1.5px);background-size:64px 64px;mask-image:linear-gradient(transparent,#0008,transparent);animation:quantumStarDrift 32s linear infinite}
.quantumSessionLockScreen .quantumSessionLockCard{box-sizing:border-box;width:min(440px,100%);padding:28px 30px;border:1px solid #ffffff30;border-radius:18px;background:var(--panel,#fff);box-shadow:0 22px 80px #0006}
.quantumLockScene{flex:none;display:grid;justify-items:center;color:#e6f6ff;pointer-events:none;user-select:none}
.quantumLockAtom{position:relative;width:210px;height:120px;display:grid;place-items:center;animation:quantumFloat 7s ease-in-out infinite}
.quantumLockOrbit{position:absolute;inset:20px 0;border:1px solid #65d5ff80;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 18px #3bbfff20,inset 0 0 18px #3bbfff15}
.quantumLockOrbit:nth-child(2){transform:rotate(30deg)}
.quantumLockOrbit:nth-child(3){transform:rotate(90deg)}
.quantumLockOrbit::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:radial-gradient(circle at 50% 0,#ecfcff 0 3px,#63d8ff99 4px,transparent 9px);animation:quantumOrbit 5s linear infinite}
.quantumLockOrbit:nth-child(2)::after{animation-duration:7s;animation-delay:-2s}
.quantumLockOrbit:nth-child(3)::after{animation-duration:9s;animation-delay:-4s}
.quantumLockCore{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid #9be5ff80;background:linear-gradient(145deg,#4ac6eb33,#4971ff44);font-size:32px;font-weight:600;box-shadow:0 0 38px #41cfff40}
.quantumLockBrand{margin-top:12px;padding-left:.3em;font-size:28px;font-weight:600;letter-spacing:.3em}
.quantumLockCaption{margin-top:2px;padding-left:.6em;font-size:11px;letter-spacing:.6em;color:#8bbbd6}
@keyframes quantumOrbit{to{transform:rotate(360deg)}}
@keyframes quantumFloat{50%{transform:translateY(-9px)}}
@keyframes quantumStarDrift{to{background-position:64px 64px}}
@media(max-height:700px){.quantumSessionLock.quantumSessionLockScreen{gap:12px;padding:20px}.quantumLockAtom{height:90px;width:170px}.quantumLockBrand{font-size:22px;margin-top:4px}.quantumSessionLockScreen .quantumSessionLockCard{padding:20px 26px}}
@media(max-height:540px) and (min-width:700px){.quantumSessionLock.quantumSessionLockScreen{flex-direction:row;gap:60px}}
@media(prefers-reduced-motion:reduce){.quantumSessionLockScreen::before,.quantumLockAtom,.quantumLockOrbit::after{animation:none}}
