.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(400px,1fr);background:#17151d}.auth-story{position:relative;min-height:100dvh;padding:48px 9%;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#21192866,#17131ddd 74%),url('/assets/forest.svg') center/cover}.auth-story:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 34%,#60416f33,transparent 60%),linear-gradient(90deg,#231c2899,transparent);pointer-events:none}.auth-brand{display:inline-flex;align-items:center;gap:15px;width:fit-content}.auth-brand>span{color:#d9bfe8;display:grid;place-items:center;width:48px;height:54px}.auth-brand .icon{width:46px;height:46px;stroke-width:1.1}.auth-brand strong{font-family:var(--serif);font-size:30px;letter-spacing:1px;font-weight:500}.auth-brand small{display:block;color:#b5a3bd;letter-spacing:3.6px;font-size:9px;margin-top:1px}.auth-story-copy{margin:auto 0;padding:90px 0 100px}.auth-eyebrow{font-size:9px;letter-spacing:2.6px;color:#a495b2;font-weight:500}.auth-story h1{font-family:var(--serif);font-size:clamp(34px,3.1vw,56px);font-weight:400;line-height:1.6;letter-spacing:2px;margin:25px 0 22px;color:#f0e4ed}.auth-story h1>span{color:#c49fba}.auth-story-copy>p{line-height:2.2;color:#b7a5ba;font-size:13px}.auth-worlds{display:flex;align-items:center;gap:22px;margin-top:46px;color:#d1bbd6;letter-spacing:1px;font-size:14px}.auth-worlds small{font-size:10px;letter-spacing:.5px;margin-left:10px;color:#a291ac}.auth-worlds i{font-style:normal;font-size:9px;color:#99758b}.auth-story-bottom{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid #a890aa2b;color:#a291ac;font-size:10px;letter-spacing:1px;gap:16px}.auth-entry{display:flex;flex-direction:column;justify-content:center;padding:64px 11% 25px;position:relative;background:radial-gradient(ellipse at 100% 0,#3a294025,transparent 70%),#1a1720}.auth-form-wrap,.auth-role-wrap{width:100%;max-width:420px;margin:auto}.auth-entry h2{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:.6px;margin:18px 0 10px;line-height:1.5;color:#eee1ed}.auth-intro{font-size:12px;line-height:2;color:#a998b4}.auth-tabs{display:flex;margin:29px 0 26px;border-bottom:1px solid #3c2e45;gap:25px}.auth-tabs button{font-size:12px;color:#9b88a6;padding:11px 1px 13px;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tabs button[aria-pressed=true]{color:#dcc0ef;border-color:#bf9bd7}.auth-form .field{margin-bottom:16px}.auth-form .field>span,.account-panel .field>span{font-size:12px;color:#c9b6d3;margin-bottom:9px}.auth-form .field input{width:100%;padding:13px 14px;min-height:46px;background:#211c29;border:1px solid #44314f;border-radius:6px;color:#eee1ed;font-size:13px}.auth-form .field input::placeholder{color:#806e8d}.auth-field-help{display:block;color:#9582a0;font-size:10px;line-height:1.8;margin:-7px 0 20px}.auth-password{display:flex;position:relative;align-items:center}.auth-password input{padding-right:60px!important}.auth-password button{position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:6px;color:#b79bc8;font-size:11px}.auth-submit{min-height:47px;margin-top:7px;font-size:13px!important;justify-content:center;gap:14px!important}.auth-next{display:flex;align-items:flex-start;gap:9px;color:#927f9e;font-size:10px;line-height:1.9;margin:23px 0 0}.auth-next .icon{width:15px;height:19px;color:#ad91bd}.auth-entry-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#796a86;width:100%;max-width:420px;margin:48px auto 0;letter-spacing:1px}.auth-entry-footer>span{font-size:26px;color:#826990}.auth-feedback{padding:11px 13px;margin:18px 0;background:#302638;border:1px solid #584363;border-radius:5px;color:#d8c0e7;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.auth-feedback[hidden]{display:none}.auth-feedback.error{background:#422930;border-color:#77505d;color:#f0bcc9}.auth-legacy{display:flex;gap:12px;background:#302636;border:1px solid #6e526f;padding:13px;border-radius:6px;margin-bottom:20px}.auth-legacy>.icon{color:#d3afd7;width:18px}.auth-legacy strong{font-size:12px;font-weight:500;color:#e1c6e1}.auth-legacy p{margin-top:5px;font-size:11px;line-height:1.9;color:#bca2bd}.auth-role-wrap{max-width:510px}.auth-choosing .auth-entry{padding-left:8%;padding-right:8%}.auth-role-wrap h2{font-size:28px}.auth-account-chip{display:flex;align-items:center;gap:8px;margin:22px 0 25px;color:#ad94bb;font-size:11px}.auth-account-chip>.icon{width:16px;height:16px}.auth-account-chip>span{min-width:0;overflow-wrap:anywhere}.auth-account-chip>button{margin-left:auto;white-space:nowrap;color:#b59bc6;font-size:11px;text-decoration:underline;text-underline-offset:4px}.auth-role-list{display:grid;gap:13px}.auth-role-card{display:flex;align-items:center;gap:15px;text-align:left;padding:21px 19px;background:#241d2d;border:1px solid #4b3459;border-radius:8px;width:100%}.auth-role-card:hover{border-color:#a67bc0;background:#30233b;transform:translateY(-1px)}.auth-role-icon{display:grid;place-items:center;background:#3b2949;border:1px solid #614377;color:#d4b0eb;border-radius:9px;flex:none;width:45px;height:45px}.auth-role-icon>.icon{width:23px;height:23px}.auth-role-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.auth-role-copy small{color:#9c7cad;letter-spacing:1.8px;font-size:8px}.auth-role-copy strong{font-family:var(--serif);color:#e4cdec;font-size:18px;font-weight:500}.auth-role-copy>span{font-size:11px;line-height:1.9;color:#ab90b8;margin-top:2px}.auth-role-card>.icon{color:#b896cf;width:17px;margin-left:auto}.account-heading{display:flex;align-items:center;gap:13px;margin:25px 0}.account-heading h3{font-family:var(--serif);font-size:21px;font-weight:500}.account-heading p{font-size:11px;color:#a78bb7;margin-top:3px;overflow-wrap:anywhere}.account-role-label{font-size:10px;margin-left:auto;background:#3b2949;color:#d1afe4;padding:5px 9px;border:1px solid #634177;border-radius:4px;white-space:nowrap}.account-current{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;padding:14px 0;border-top:1px solid #483353;border-bottom:1px solid #483353}.account-current>span{color:#aa8cb8}.account-current strong{color:#d9bfe9;font-weight:500}.account-current button{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11px}.account-current .icon{width:13px;height:13px}.account-panel .profile-stats{margin:25px 0}.account-password-settings{margin:25px 0;border-top:1px solid #46334f;border-bottom:1px solid #46334f;padding:15px 0}.account-password-settings>summary{color:#c2a3d4;font-size:12px;cursor:pointer;list-style-position:inside}.account-password-settings form{margin-top:20px}.account-panel .account-id{overflow-wrap:anywhere;min-width:0;font-size:10px;max-width:75%;text-align:right}.account-logout{margin-top:18px}.active-account-role{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 9px;border:1px solid #62447a;border-radius:4px;background:#33223f;color:#d9b8ed;font-size:10px}.active-account-role .icon{width:13px;height:13px}.hosting-note{color:#ad8fc0;font-size:11px;max-width:175px;line-height:1.8}.auth-form input:focus-visible,.account-panel input:focus-visible{outline:2px solid #bf9bd744;outline-offset:2px}
@media(min-width:1500px){.auth-entry{padding-left:15%;padding-right:15%}.auth-choosing .auth-entry{padding-left:12%;padding-right:12%}}
@media(max-width:1050px){.auth-page{grid-template-columns:minmax(290px,.85fr) minmax(380px,1fr)}.auth-story{padding:38px 9%}.auth-story h1{font-size:33px}.auth-story-copy>p{font-size:11px}.auth-story-bottom{font-size:9px;display:block}.auth-story-bottom span+span{display:block;margin-top:5px}.auth-entry{padding:45px 10% 25px}.auth-role-card{padding:17px 14px;gap:12px}.auth-role-icon{width:37px;height:40px}.auth-role-copy strong{font-size:16px}.auth-role-copy>span{font-size:10px}.active-account-role{font-size:9px;padding:4px 7px}}
@media(max-width:760px){.auth-page{display:block;min-height:100dvh}.auth-story{min-height:0;padding:25px 7% 24px;background-position:center 38%}.auth-brand strong{font-size:25px}.auth-brand small{font-size:8px}.auth-brand>span{width:37px;height:41px}.auth-brand .icon{width:37px;height:39px}.auth-story-copy{padding:31px 0 0}.auth-story-copy>.auth-eyebrow{font-size:7px;letter-spacing:2px}.auth-story h1{font-size:28px;line-height:1.6;margin:12px 0}.auth-story h1 br{display:none}.auth-story-copy>p{font-size:11px;line-height:1.8}.auth-worlds{position:absolute;right:7%;top:35px;margin:0;gap:9px;font-size:11px}.auth-worlds small{display:none}.auth-story-bottom{display:none}.auth-entry{padding:33px 7% 20px;min-height:calc(100dvh - 250px)}.auth-entry h2{font-size:25px;margin-top:13px}.auth-form-wrap,.auth-role-wrap{max-width:480px}.auth-tabs{margin:23px 0}.auth-entry-footer{margin-top:32px;max-width:480px}.auth-choosing .auth-story-copy{display:none}.auth-choosing .auth-entry{padding:35px 7% 20px;min-height:calc(100dvh - 90px)}.auth-role-wrap h2{font-size:23px}.auth-role-card{padding:19px 16px}.auth-role-copy strong{font-size:18px}.auth-role-copy>span{font-size:11px}.auth-role-icon{width:41px;height:43px}.active-account-role{padding:5px 7px;font-size:9px}.active-account-role>.icon{display:none}.topbar .header-actions{gap:9px}.hosting-note{font-size:10px;max-width:140px}}
@media(max-width:420px){.auth-story h1{font-size:25px;letter-spacing:1px}.auth-entry .auth-eyebrow{font-size:8px;letter-spacing:2px}.auth-role-card{gap:11px;padding:16px 13px}.auth-role-card>.icon{width:13px}.auth-role-copy strong{font-size:16px}.auth-role-copy>span{font-size:10px}.auth-role-icon{width:35px;height:38px}.account-role-label{font-size:8px;padding:4px 6px}.account-heading{gap:9px}.account-heading h3{font-size:18px}.topbar .global-search{display:none}.topbar .breadcrumb{max-width:45%}.active-account-role{font-size:9px}.hosting-note{max-width:none;margin-top:12px}.page-heading>.hosting-note{display:block;font-size:10px}}

/* Chinese interface labels use readable spacing on every viewport. */
.auth-eyebrow,.auth-story-copy>.auth-eyebrow,.auth-entry .auth-eyebrow{font-size:10px;letter-spacing:1.8px}.auth-role-copy small{font-size:10px;letter-spacing:1px}.auth-brand small{font-size:10px;letter-spacing:2px}