.auth-page,.auth-state{min-height:100dvh;background:#f7f8fb;color:#20283b;display:grid;place-items:center;padding:28px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.auth-card{width:min(100%,460px);background:#fff;border:1px solid #e1e5ee;border-radius:18px;box-shadow:0 16px 48px #26345f18;padding:36px}.auth-logo{display:block;width:132px;height:auto;margin-bottom:34px}.auth-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}.auth-heading>svg{color:#2929df;margin-top:4px}.auth-heading h1,.auth-state h1{font-size:24px;line-height:1.45;letter-spacing:-.03em}.auth-heading p,.auth-state p,.auth-panel-intro{font-size:12px;line-height:1.8;color:#7c879b;margin-top:7px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;color:#4d596f}.auth-form input,.auth-form select{width:100%;min-width:0;min-height:46px;border:1px solid #d9dfec;border-radius:8px;padding:10px 12px;background:#fff;color:#273248;font-size:16px}.auth-form input:focus,.auth-form select:focus{border-color:#7777e8;outline:3px solid #e5e5ff}.auth-form label small{font-size:10px;font-weight:400;color:#8c96a8;line-height:1.6}.auth-primary,.auth-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700;border:0;cursor:pointer}.auth-primary{background:#2929df;color:#fff;margin-top:4px}.auth-primary:hover{background:#1d1dbc}.auth-secondary{background:#fff;color:#4c5870;border:1px solid #d7ddea}.auth-secondary:hover{background:#f3f4fa}.auth-primary:disabled,.auth-secondary:disabled{opacity:.5;cursor:default}.auth-alert,.auth-success{display:flex;align-items:flex-start;gap:8px;padding:12px 13px;border-radius:8px;font-size:11px!important;line-height:1.7!important;font-weight:500!important;margin:0!important}.auth-alert{background:#fff0ed;color:#974536}.auth-success{background:#edf6f0;color:#397758}.auth-alert svg,.auth-success svg{margin-top:1px;flex-shrink:0}.auth-local-note{font-size:10px;color:#8a94a6;line-height:1.8;border-top:1px solid #e8ebf1;margin:24px 0 0;padding-top:18px}.auth-state{align-content:center;text-align:center;gap:12px}.auth-state>svg{color:#6767d9}.auth-state-error>svg{color:#a45548}.auth-state .auth-secondary{margin-top:8px}.auth-spin{animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-width:0}.auth-toolbar>span{min-width:0;text-align:right}.auth-toolbar strong,.auth-toolbar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-toolbar strong{font-size:11px}.auth-toolbar small{font-size:9px;color:#818a9b;margin-top:2px}.auth-toolbar button{min-height:38px;padding:8px 12px;border:1px solid #d9dfeb;background:#fff;border-radius:7px;color:#556177;font-size:11px;white-space:nowrap}.auth-toolbar p{color:#9d4534;font-size:10px}.auth-account-panel{padding:24px;background:#fff;border:1px solid #e1e5ee;border-radius:13px;min-width:0}.auth-account-panel h2{display:flex;align-items:center;gap:9px;font-size:17px;margin:0 0 18px}.auth-account-panel h2 svg{color:#5858d8}.auth-account-panel .auth-panel-intro{margin:-8px 0 20px}.auth-account-panel .auth-form{max-width:520px}.auth-account-panel .auth-primary,.auth-account-panel .auth-secondary{align-self:flex-start}@media(max-width:480px){.auth-card{padding:26px 20px;border-radius:14px}.auth-logo{width:112px;margin-bottom:27px}.auth-heading h1,.auth-state h1{font-size:21px}.auth-account-panel{padding:20px 16px}.auth-account-panel .auth-primary,.auth-account-panel .auth-secondary{width:100%}.auth-toolbar{flex-wrap:wrap}.auth-toolbar>span{flex:1}.auth-toolbar p{width:100%}}@media(prefers-reduced-motion:reduce){.auth-spin{animation:none}}.account-menu{position:relative;flex-shrink:0;text-align:left}.account-menu-trigger{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:0;border-radius:9px;background:#fff;color:#566177;font-size:12px;white-space:nowrap;cursor:pointer}.account-menu-trigger:hover,.account-menu-trigger[aria-expanded=true]{background:#f3f4fa}.account-menu-popover{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 24px);padding:8px;background:#fff;border:1px solid #e1e5ee;border-radius:12px;box-shadow:0 10px 32px #28334f26;z-index:50;color:#273248}.account-menu-identity{padding:12px 12px 16px;margin-bottom:5px;border-bottom:1px solid #edf0f5}.account-menu-identity small{display:block;font-size:10px;color:#7b8599;margin-bottom:7px}.account-menu-identity strong{display:block;font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.account-menu-popover>button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:7px;background:none;font-size:12px;text-align:left;cursor:pointer}.account-menu-popover>button:hover{background:#f3f4fa}.account-menu :focus-visible,.account-password-dialog button:focus-visible{outline:3px solid #8686ef;outline-offset:2px}.account-password-dialog{padding:0;border:1px solid #e1e5ee;border-radius:16px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;color:#273248;background:#fff;box-shadow:0 20px 70px #17244030}.account-password-dialog::backdrop{background:#17244066}.account-password-content{position:relative;padding-top:25px}.account-password-dialog .auth-account-panel{border:0;padding:20px 28px 28px}.account-password-close{position:absolute;top:5px;right:7px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:#707b90;cursor:pointer}.account-password-close:hover{background:#f3f4fa}@media(max-width:700px){.account-password-dialog .auth-account-panel{padding-inline:20px}}.auth-invite-history{margin-top:26px;padding-top:22px;border-top:1px solid #e4e8f0}.auth-invite-history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-invite-history-heading>div{display:flex;flex-direction:column;gap:5px}.auth-invite-history-heading strong{font-size:13px}.auth-invite-history-heading small,.auth-invite-empty{font-size:10px;line-height:1.7;color:#818ca0}.auth-invite-history-heading .auth-secondary{min-height:38px;padding:8px 12px;flex-shrink:0}.auth-invite-history ul{display:grid;gap:9px;padding:0;margin:15px 0 0;list-style:none}.auth-invite-history li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #e2e6ef;border-radius:9px;background:#fafbfe}.auth-invite-history li>div{display:flex;min-width:0;flex-direction:column;gap:4px}.auth-invite-history li strong{font-size:11px;overflow-wrap:anywhere}.auth-invite-history li small{font-size:9px;line-height:1.6;color:#788398}.auth-invite-history li span{font-size:9px;line-height:1.6;color:#974536}.auth-invite-history li .auth-secondary{min-height:36px;padding:7px 10px;flex-shrink:0}.auth-invite-empty{margin:15px 0 0}@media(max-width:600px){.auth-invite-history-heading,.auth-invite-history li{align-items:stretch;flex-direction:column}.auth-invite-history-heading .auth-secondary,.auth-invite-history li .auth-secondary{width:100%}}