.login-layer{border:1px solid #ffffff90;padding:0;width:min(880px,calc(100vw - 32px));max-width:none;height:min(650px,calc(100dvh - 40px));max-height:none;background:#fff;border-radius:26px;box-shadow:0 35px 100px #171b4055;overflow:hidden}
.login-layer::backdrop{background:#161d3a88;backdrop-filter:blur(7px)}
.login-required-notice{box-sizing:border-box;width:min(400px,calc(100vw - 32px));padding:30px;border:1px solid #eeeaf8;border-radius:22px;background:#fff;color:#24223b;box-shadow:0 24px 80px #171b4040;font-family:inherit;text-align:left}
.login-required-notice::backdrop{background:#161d3a77;backdrop-filter:blur(4px)}
.login-required-notice h2{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:0 0 8px;word-break:keep-all}.login-required-notice p{font-size:14px;color:#747087;line-height:1.6;margin:0}
.login-required-actions{display:flex;gap:10px;margin-top:26px}.login-required-actions button{flex:1;height:44px;border:1px solid #e5e1ee;border-radius:10px;background:#fff;color:#666176;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.login-required-actions [data-continue]{background:#7055db;border-color:#7055db;color:#fff}.login-required-actions button:focus-visible{outline:3px solid #b9a9f5;outline-offset:3px}
.login-layer iframe{display:block;width:100%;height:100%;border:0;background:#fbfaff}
.login-layer-close{position:absolute;right:16px;top:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e5e5ef;border-radius:50%;background:#fffffff2;color:#53596f;font:24px/1 sans-serif;cursor:pointer}
.login-layer-close:hover{background:#eeebff;color:#5b42cd}.login-layer-close:focus-visible{outline:3px solid #9587f2;outline-offset:3px}
@media(max-width:600px){.login-layer{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:22px}}
@media(prefers-reduced-motion:no-preference){.login-layer[open]{animation:login-arrive .2s ease-out}@keyframes login-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}