*{box-sizing:border-box}:root{--ink:#272c35;--muted:#74766f;--line:#deded8}body{margin:0;background:#faf9f6;color:var(--ink);font-family:system-ui,"Microsoft Yahei",sans-serif}header,main{max-width:1080px;margin:auto;padding-left:30px;padding-right:30px}header{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo,.back{color:inherit;text-decoration:none}.logo{font-size:23px;font-weight:850;letter-spacing:3px}.logo span{display:block;font-size:10px;letter-spacing:1.5px;font-weight:500;margin-top:5px}.back{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 13px}main{padding-top:65px;padding-bottom:60px}.account-card{display:grid;grid-template-columns:1fr minmax(330px,440px);gap:65px;align-items:start}.account-intro{padding-top:28px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#85877f;font-weight:750}.account-intro h1{font-size:clamp(40px,5.5vw,65px);line-height:1.14;letter-spacing:-2px;margin:20px 0}.account-intro p,.account-form p{color:var(--muted);line-height:1.8}.account-form{background:#fff;border:1px solid #deded8;border-radius:22px;padding:26px;box-shadow:0 18px 44px #252b340d}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f2f2ee;border-radius:13px;padding:5px;margin-bottom:20px}.tabs button{border:0;background:transparent;border-radius:9px;padding:10px;font:inherit;font-weight:700;cursor:pointer}.tabs button.active{background:#fff;box-shadow:0 3px 12px #252b3410}form{display:grid;gap:13px}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #d3d4ce;border-radius:11px;background:#fff;padding:12px;font:inherit;color:inherit}.remember{display:flex;align-items:center;gap:8px;font-weight:500}.remember input{width:auto}form>button,.actions button,.actions a{border:0;border-radius:12px;background:#292e37;color:#fff;padding:12px 16px;font:inherit;font-weight:750;text-decoration:none;text-align:center;cursor:pointer}.status{min-height:25px;color:#a64f73!important}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.actions button{background:#fff;color:#292e37;border:1px solid var(--line)}@media(max-width:760px){header,main{padding-left:20px;padding-right:20px}.account-card{grid-template-columns:1fr;gap:28px}main{padding-top:30px}.account-intro{padding-top:0}.account-intro h1{letter-spacing:-1px}.logo span{display:none}}

/* V12.3 UI: mutually exclusive login/register and unmistakable selection states. */
[hidden]{display:none!important}
.tabs{background:#fff0f6;border:1px solid #f2d2e0}
.tabs button{color:#955b76;transition:background-color .15s,border-color .15s,box-shadow .15s}
.tabs button[aria-selected="true"],.tabs button.active{background:#c75c87;color:#fff;box-shadow:0 4px 12px #c75c8740}
.tabs button:not([aria-selected="true"]):hover{background:#fff8fb}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c75c87;outline-offset:3px}
input:focus,select:focus{border-color:#ca6990}
input[type="checkbox"]{accent-color:#c75c87}
button:not(:disabled):active,.actions a:active,.back:active{transform:translateY(1px);filter:brightness(.94)}
@media(prefers-reduced-motion:reduce){.tabs button{transition:none}}

/* xm-v12.3-login-tabs-r2-20260919: same-document fallback to prevent cached CSS from revealing both forms */
#loginForm[hidden],#registerForm[hidden]{display:none!important}

/* Creator applications: mobile-friendly, scoped to the signed-in account page. */
.creator-panel{margin-top:25px;border-top:1px solid #f0d3df;padding-top:20px}.creator-panel h3{margin:0 0 9px;color:#ab4d76}.creator-panel p{font-size:13px}.creator-panel form{margin:12px 0}.creator-panel textarea,#reviewDialog textarea{resize:vertical;min-height:85px;width:100%;border:1px solid #d3d4ce;border-radius:11px;padding:12px;font:inherit}.creator-panel small,.hint{display:block;font-size:12px;color:#766875}.application-entry{background:#fff8fb;border:1px solid #f2d0df;border-radius:13px;padding:13px;margin-top:11px;overflow-wrap:anywhere}.application-entry strong,.application-entry small{display:block}.application-entry strong{color:#954566}.application-entry small{margin-top:5px}.application-entry p{margin:7px 0}.creator-panel button,.small-action{border:0;border-radius:10px;background:#c75c87;color:#fff;padding:10px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.creator-panel button:disabled,.small-action:disabled{opacity:.6;cursor:not-allowed}.application-entry .actions{margin-top:9px}.application-entry .actions button{background:#c75c87;color:#fff;border:0;padding:9px 12px}.creator-panel select{margin-top:7px}#reviewDialog{border:1px solid #efd1df;border-radius:18px;width:min(92vw,470px);padding:24px;color:#272c35;box-shadow:0 20px 70px #25122433}#reviewDialog::backdrop{background:#30212a75}#reviewDialog h3{color:#a54670}#reviewDialog label{margin:15px 0}#reviewDialog .actions{justify-content:flex-end}#reviewDialog .actions button:first-child{background:#c75c87;color:#fff;border:0}

/* Full-width top bar: brand on the left edge, account/actions on the right edge.
   Main content deliberately retains its centered max-width. */
header{width:100%;max-width:none;margin:0;padding-left:clamp(14px,1.5vw,24px);padding-right:clamp(14px,1.5vw,24px)}
header .logo{flex:0 0 auto}
header .back{margin-left:auto}