dialog#detail:has(.auth-shell){width:calc(100% - 32px);max-width:490px;max-height:calc(100dvh - 32px);padding:32px 36px 26px;border:1px solid #244b631a;border-radius:24px;background:#fff;overflow-y:auto;box-shadow:0 24px 90px #163c5050}
.auth-shell{color:#244B63}.auth-shell .auth-kicker{display:flex;align-items:center;gap:10px;font:700 11px var(--font-ui);letter-spacing:1.8px;margin-bottom:16px}.auth-orbit{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#C7EF45;position:relative;flex:none}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;width:23px;height:12px;border:1.3px solid #244B63;border-radius:50%;transform:rotate(-35deg)}.auth-orbit:after{transform:rotate(45deg)}
dialog .auth-shell h2{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:800;margin:0 0 9px;max-width:350px}dialog .auth-shell .auth-intro{font-size:13px;line-height:1.6;color:#607783;margin:0 0 22px}.auth-shell .social-auth{margin:0;display:grid;gap:10px}.auth-shell .social-button{min-height:48px;padding:11px 15px;border:1px solid #244b632b;border-radius:11px;font:600 13px var(--font-ui);color:#244B63;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;gap:11px}.auth-shell .social-button:hover{background:#f4f9fc;border-color:#91C9E8}.auth-shell .auth-brand-icon{width:22px;height:22px;flex:none}.auth-shell .auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#728590;font-size:11px}.auth-shell .auth-divider:before,.auth-shell .auth-divider:after{content:"";height:1px;background:#244b6318;flex:1}.auth-shell #cloud-auth{margin:0;gap:14px}.auth-shell #cloud-auth>label{font-size:12px;font-weight:600;gap:6px}.auth-shell #cloud-auth input{border-color:#244b6326;border-radius:10px;background:#fbfcfd;font-size:14px!important;min-height:47px;padding:12px 14px}.auth-shell #cloud-auth input:focus{outline:2px solid #91C9E8;outline-offset:2px;border-color:#244B63}.auth-shell #cloud-auth>.btn{background:#C7EF45;color:#244B63;border:1px solid #b8dc3f;border-radius:11px;min-height:48px;font-size:14px;font-weight:700;box-shadow:none;margin-top:3px}.auth-shell #cloud-auth>.btn:hover{background:#bce637}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 19px}.auth-shell .auth-links .textlink{font-size:11px;font-weight:600;padding:4px 0;margin:0}.auth-shell .auth-instagram{border-top:1px solid #244b6314;padding-top:16px;display:flex;justify-content:center}.auth-shell .instagram-button{display:flex;align-items:center;justify-content:center;gap:8px;font:500 11px var(--font-ui);color:#607783;min-height:36px}.auth-shell .instagram-button .auth-brand-icon{width:18px;height:18px}.auth-shell .instagram-button:hover{color:#244B63}dialog .auth-shell .auth-note{font-size:10px;line-height:1.6;color:#728590;text-align:center;margin:10px 0 0}.auth-shell button:focus-visible{outline:3px solid #91C9E8;outline-offset:3px}dialog#detail:has(.auth-shell)>.close{right:16px;top:13px;width:32px;height:32px;border-radius:50%;background:#f3f6f7;color:#244B63;font-size:23px;line-height:1}@media(max-width:520px){dialog#detail:has(.auth-shell){padding:28px 23px 22px;border-radius:20px}.auth-shell #cloud-auth input{font-size:16px!important}dialog .auth-shell h2{font-size:28px}.auth-links{flex-wrap:wrap}.auth-shell .auth-links .textlink{min-height:36px}}
@media(min-width:521px) and (max-height:800px){dialog#detail:has(.auth-shell){padding:25px 34px 20px}.auth-shell .auth-kicker{margin-bottom:12px}.auth-shell .auth-intro{margin-bottom:16px!important}.auth-shell .social-button{min-height:44px;padding:9px 15px}.auth-shell .auth-divider{margin:15px 0}.auth-shell #cloud-auth{gap:11px}.auth-shell #cloud-auth input{min-height:44px;padding:10px 14px}.auth-shell #cloud-auth>.btn{min-height:45px}.auth-links{margin:11px 0 12px}.auth-shell .auth-instagram{padding-top:10px}.auth-shell .auth-note{margin-top:5px!important}}