*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;background:var(--ui-canvas);color:var(--ui-text);font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:3px}button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 16px;border:1px solid var(--ui-border-strong);border-radius:6px;background:var(--ui-canvas);color:var(--ui-text);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color 120ms,color 120ms}button:hover:not(:disabled),.button:hover{background:var(--ui-hover)}button:disabled{color:var(--ui-disabled);cursor:not-allowed}.primary{background:var(--ui-primary);color:var(--ui-on-primary);border-color:transparent}.primary:hover:not(:disabled){background:var(--ui-primary-hover)}.primary:disabled{background:var(--ui-fill);color:var(--ui-disabled)}.quiet,.text-button{border-color:transparent;background:transparent}.text-button{padding:0;min-height:21px;font-size:13px}.text-button:hover:not(:disabled){background:transparent;text-decoration:underline}.muted,.field-help,.section-note{color:var(--ui-muted);font-size:13px}.field-help{font-size:12px;margin:7px 0 0}.section-note{margin:13px 0 0}h1,h2,p{margin:0}h1{font-size:26px;line-height:38px;font-weight:550;letter-spacing:-.025em}h2{font-size:16px;font-weight:550;line-height:25px}small{font-size:12px;color:var(--ui-muted)}
.site-header{height:61px;padding:0 33px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-border-subtle)}.brand{text-decoration:none;display:flex;gap:13px;align-items:center}.brand strong{font-size:21px;letter-spacing:-.04em}.brand span{font-size:13px;color:var(--ui-muted);border-left:1px solid var(--ui-border);padding-left:13px}nav{display:flex;align-items:center;gap:21px}nav a{text-decoration:none;font-size:13px}nav a:hover{text-decoration:underline}main{max-width:927px;padding:33px 33px 54px;margin:auto;min-height:calc(100vh - 122px)}.page-loading{min-height:480px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--ui-muted)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--ui-border);border-top-color:var(--ui-muted);border-radius:50%;animation:spin 700ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice:empty{display:none}.notice{padding:10px 13px;margin:0 0 21px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-subtle);font-size:13px;overflow-wrap:anywhere}.notice[data-error=true]{border-color:color-mix(in oklab,var(--ui-danger) 35%,transparent);color:var(--ui-danger)}
body[data-state=auth] main,body[data-state=consent] main,body[data-state=mail] main{max-width:538px;padding-top:54px}.auth-panel{width:100%}.auth-heading{margin-bottom:33px}.auth-heading h1{font-size:30px;line-height:43px}.provider-options{display:flex;gap:8px;flex-wrap:wrap}.provider-options button{flex:1;white-space:nowrap;padding-inline:8px;gap:7px}.provider-mark{font-size:13px;font-weight:650;width:17px;display:inline-grid;place-items:center}.divider{display:flex;align-items:center;gap:13px;margin:21px 0;color:var(--ui-muted);font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--ui-border);flex:1}label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}input{display:block;width:100%;min-width:0;height:43px;padding:8px 13px;border:1px solid var(--ui-border-strong);border-radius:6px;background:var(--ui-canvas);color:var(--ui-text);font-size:14px}input::placeholder{color:var(--ui-muted)}input:hover{border-color:var(--ui-muted)}.auth-form{display:grid;gap:21px}.label-line{display:flex;align-items:baseline;justify-content:space-between;gap:13px}.password-input{position:relative}.password-input input{padding-right:61px}.password-input button{position:absolute;right:5px;top:5px;min-height:33px;padding:4px 8px;color:var(--ui-muted);font-size:12px}.auth-form>.primary{height:43px;margin-top:5px}.auth-alternative{display:flex;justify-content:center;gap:8px;margin-top:21px;font-size:13px;color:var(--ui-muted)}.auth-legal{text-align:center;font-size:11px;color:var(--ui-muted);margin-top:33px}.auth-legal a{margin:0 4px}.account-manage-link{display:block;text-align:center;font-size:13px;margin-top:21px}.session-person{display:flex;gap:13px;align-items:center;padding:16px;background:var(--ui-subtle);border-radius:10px;margin-bottom:21px}.session-person>div{min-width:0}.session-person strong,.session-person p{overflow-wrap:anywhere}.avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;font-size:21px;background:var(--ui-fill);color:var(--ui-text)}#continue-link{width:100%}#consent-permissions{margin:21px 0}summary{cursor:pointer;font-size:13px;font-weight:500}summary:hover{color:var(--ui-heading)}details[open]>summary{margin-bottom:16px}#permissions{font-size:13px;color:var(--ui-muted);padding-left:21px}.auth-actions{display:flex;flex-direction:column;gap:8px;margin-top:26px}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading h1{font-size:21px}.profile-hero{display:flex;align-items:center;gap:16px;padding:0 0 26px}.profile-hero h2{font-size:21px}.profile-hero p{margin-top:3px;overflow-wrap:anywhere}.profile-hero>div{min-width:0}.account-tabs{gap:26px;border-bottom:1px solid var(--ui-border);margin-bottom:33px}.account-tabs a{padding:0 0 13px;position:relative;color:var(--ui-muted)}.account-tabs a[aria-current=page]{color:var(--ui-heading);font-weight:500}.account-tabs a[aria-current=page]:after{content:"";height:2px;background:var(--ui-primary);position:absolute;bottom:-1px;left:0;right:0}.account-tabs a:hover{text-decoration:none;color:var(--ui-text)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:21px;margin-bottom:16px;flex-wrap:wrap}.section-heading.with-action{align-items:center}.section-heading.with-action p{margin-top:4px}.secondary-heading{margin-top:33px}.detail-list{margin:0;border:1px solid var(--ui-border);border-radius:10px;overflow:hidden}.detail-list>div{display:grid;grid-template-columns:145px 1fr;gap:21px;padding:16px 21px;align-items:baseline}.detail-list>div+div{border-top:1px solid var(--ui-border-subtle)}dt{color:var(--ui-muted);font-size:13px}dd{margin:0;overflow-wrap:anywhere}.identifier{font-size:12px;font-variant-numeric:tabular-nums}.product-links{display:flex;gap:13px;margin-top:33px}.product-links a{display:flex;justify-content:space-between;align-items:center;gap:33px;flex:1;padding:16px 21px;border:1px solid var(--ui-border);border-radius:10px;text-decoration:none;font-size:13px}.product-links a:hover{background:var(--ui-hover)}.setting-list{border:1px solid var(--ui-border);border-radius:10px;padding:0 21px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:21px;padding:16px 0}.setting-row+.setting-row{border-top:1px solid var(--ui-border-subtle)}.setting-row>div{min-width:0}.setting-row strong,.setting-row small{display:block;overflow-wrap:anywhere}.setting-row strong{font-size:14px;font-weight:500}.setting-row small{margin-top:3px}.setting-row>button{flex-shrink:0;min-height:33px;padding:4px 13px}.setting-row .provider-name{display:flex;align-items:center;gap:13px}.setting-row .provider-name>div{min-width:0}
.wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:21px;background:var(--ui-subtle);border-radius:10px;padding:21px}.balance{font-size:33px;line-height:48px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.recharge{padding:21px 0;border-bottom:1px solid var(--ui-border)}.recharge>summary{font-size:14px}.inline{display:flex;align-items:center;gap:13px;max-width:472px}.inline input{flex:1}.inline button{flex-shrink:0;height:43px}#top-up{margin-top:16px}#checkout{margin-top:21px;background:var(--ui-subtle);padding:21px;border-radius:10px}#qr{margin:16px 0}#qr svg{max-width:100%;height:auto}.history{margin-top:33px}.record{display:flex;justify-content:space-between;align-items:center;gap:21px;padding:13px 0;border-bottom:1px solid var(--ui-border-subtle);font-size:13px}.record p{overflow-wrap:anywhere}.record time{display:block;color:var(--ui-muted);font-size:12px;margin-top:3px}.record strong{white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.record button{margin-top:8px;min-height:33px}.records>.muted{padding:21px 0}#ledger-more{margin-top:16px}
 dialog{width:min(472px,calc(100vw - 42px));max-height:calc(100dvh - 42px);padding:26px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-elevated);color:var(--ui-text);box-shadow:var(--ui-shadow)}dialog::backdrop{background:var(--ui-overlay)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:13px}dialog .provider-options{margin:21px 0}dialog form{margin-top:21px}dialog form>button,#mail-confirm>button{width:100%;margin-top:21px}.site-footer{max-width:927px;padding:16px 33px 21px;margin:auto;display:flex;justify-content:space-between;gap:21px;color:var(--ui-muted);font-size:12px}.site-footer nav a{font-size:12px}:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.skip{position:fixed;top:-80px;left:13px;background:var(--ui-elevated);padding:13px;z-index:100}.skip:focus{top:8px}[hidden]{display:none!important}
@media(max-width:680px){.site-header{padding:0 21px}.site-header nav{gap:8px}main{padding:26px 21px 43px}.site-footer{padding:16px 21px;flex-wrap:wrap}.site-footer nav{gap:13px}.account-tabs{gap:21px}.detail-list>div{grid-template-columns:91px 1fr;padding:16px;gap:13px}.product-links{flex-direction:column}.wallet-summary{align-items:flex-start;flex-direction:column}.setting-list{padding:0 16px}.setting-row{gap:13px}.section-heading{gap:5px}.section-heading>p{width:100%}.auth-heading{margin-bottom:26px}body[data-state=auth] main,body[data-state=consent] main,body[data-state=mail] main{padding-top:33px}.inline{flex-wrap:wrap}.inline>input{min-width:145px}.site-header .brand{gap:8px}.site-header .brand span{padding-left:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.provider-mark svg{display:block;width:17px;height:17px}

.identity-choice{max-width:100%;margin:-13px 0 26px;padding:5px 13px;min-height:33px;border-radius:21px;gap:13px}.identity-choice span:first-child{overflow-wrap:anywhere;min-width:0}.session-links{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:21px;font-size:13px}.session-links a{text-decoration:none}.session-links a:hover{text-decoration:underline}body[data-state=auth] .site-header,body[data-state=consent] .site-header,body[data-state=mail] .site-header{border-bottom-color:transparent}.auth-form + .divider{margin-top:26px}.auth-heading .muted{font-size:14px}body[data-state=auth] .site-footer,body[data-state=consent] .site-footer,body[data-state=mail] .site-footer{max-width:538px;flex-wrap:wrap}.auth-panel .primary{min-height:43px}

button[aria-busy=true]:before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 700ms linear infinite;flex-shrink:0}#connection-error>.primary{width:100%}.auth-panel>.notice{margin-bottom:21px}

.account-session-actions{display:flex;gap:13px}.account-session-actions button{font-size:13px}

.ledger-source{display:inline-block;margin-right:8px;padding:0 6px;border-radius:4px;background:var(--ui-fill);color:var(--ui-muted);font-size:11px;line-height:21px;vertical-align:1px}

/* Account uses the same typography, navigation scale and surfaces as MS. */
body{font-family:"MiSans","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;line-height:1.5}
.brand .brand-mark{display:flex;align-items:center;flex:none;width:26px;height:26px;padding:0;border:0}
.brand-mark img{display:block;width:26px;height:26px}
.brand-mark .brand-mark-dark{display:none}
html[data-theme=dark] .brand-mark .brand-mark-light{display:none}
html[data-theme=dark] .brand-mark .brand-mark-dark{display:block}
.site-header svg,.account-session-actions svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-session-actions svg{width:16px;height:16px}
.account-utilities a,.account-utilities button{display:inline-flex;align-items:center;gap:8px}
.theme-sun{display:none}
html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .theme-moon{display:none}
html[data-account-shell=auth] :is(.account-tabs,.account-nav-spacer,.product-links){display:none}
.site-footer{display:block}
.footer-content{display:flex;align-items:center;justify-content:space-between;gap:21px;flex-wrap:wrap}

html[data-account-shell=center]{--account-sidebar-width:203px;scrollbar-gutter:stable}
html[data-account-shell=center] .site-header{position:fixed;inset:0 auto 0 0;width:var(--account-sidebar-width);height:100dvh;z-index:10;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:13px 8px;background:var(--ui-sidebar);border:0;border-right:1px solid var(--ui-border-subtle)}
html[data-account-shell=center] .brand{height:38px;padding:0 13px;gap:10px;margin-bottom:21px;flex:none}
html[data-account-shell=center] .brand strong{font-size:16px;font-weight:600;letter-spacing:0}
html[data-account-shell=center] .brand-context{display:none}
html[data-account-shell=center] .account-tabs{display:grid;gap:4px;border:0;margin:0;flex:none}
html[data-account-shell=center] .site-header :is(nav a,nav button){display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:38px;width:100%;padding:8px 13px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);font:inherit;font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap}
html[data-account-shell=center] .site-header :is(nav a,nav button):hover{background:var(--ui-hover);color:var(--ui-text)}
html[data-account-shell=center] .account-tabs a[aria-current=page]{background:var(--ui-hover);color:var(--ui-heading);font-weight:500}
html[data-account-shell=center] .account-tabs a:after{display:none}
html[data-account-shell=center] .account-nav-spacer{flex:1;min-height:33px}
html[data-account-shell=center] .product-links{display:grid;gap:4px;margin:0 0 13px}
html[data-account-shell=center] .product-links .external-mark{width:14px;height:14px;margin-left:auto;color:var(--ui-tertiary)}
html[data-account-shell=center] .account-utilities{display:grid;gap:4px;padding-top:13px;border-top:1px solid var(--ui-border-subtle)}
html[data-account-shell=center] #product-back{display:none}
html[data-account-shell=center] main{max-width:none;margin:0 0 0 var(--account-sidebar-width);padding:33px 43px;min-height:0}
html[data-account-shell=center] :is(#signed-in,main>.notice){width:100%;max-width:861px;margin-inline:auto}
html[data-account-shell=center] .page-loading{min-height:calc(100dvh - 122px)}
html[data-account-shell=center] .page-heading{min-height:38px;margin:0 0 26px;gap:21px}
html[data-account-shell=center] .page-heading h1{font-size:21px;line-height:30px;font-weight:500;letter-spacing:0}
html[data-account-shell=center] .account-session-actions{gap:8px;flex:none}
html[data-account-shell=center] .account-session-actions button{min-height:33px;padding:5px 10px}
html[data-account-shell=center] .profile-hero{padding:0 0 26px;gap:16px}
html[data-account-shell=center] .profile-hero h2{font-size:21px;font-weight:500;line-height:30px}
html[data-account-shell=center] #signed-in:not([data-tab=profile]) .profile-hero{display:none}
html[data-account-shell=center] .detail-list{background:var(--ui-canvas);border-color:var(--ui-border);border-radius:10px}
html[data-account-shell=center] .detail-list>div{grid-template-columns:145px minmax(0,1fr);padding:16px 21px;min-height:54px;gap:21px}
html[data-account-shell=center] .detail-list dd{font-size:14px;font-weight:400;line-height:21px}
html[data-account-shell=center] .detail-list .identifier{font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:-.02em;color:var(--ui-muted);user-select:all}
html[data-account-shell=center] .section-heading{margin-bottom:16px;min-height:26px;align-items:center}
html[data-account-shell=center] .section-heading h2{font-size:16px;font-weight:500}
html[data-account-shell=center] .secondary-heading{margin-top:33px}
html[data-account-shell=center] .setting-list{background:var(--ui-canvas);border-radius:10px}
html[data-account-shell=center] .setting-row{padding-block:16px}
html[data-account-shell=center] .setting-row .provider-name>.provider-mark{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--ui-border-subtle);border-radius:6px;background:var(--ui-subtle);flex:none}
html[data-account-shell=center] :is(.setting-row .secondary,.history button,.recharge button,#refresh){min-height:33px;padding:5px 13px;font-size:13px;border-radius:6px}
html[data-account-shell=center] .wallet-summary{border:1px solid var(--ui-border);padding:21px;border-radius:10px;background:var(--ui-subtle)}
html[data-account-shell=center] .balance{font-size:33px;line-height:48px;font-weight:500;margin-top:5px;color:var(--ui-heading)}
html[data-account-shell=center] #holds{font-size:13px;line-height:21px}
html[data-account-shell=center] .recharge{margin-top:21px;padding:16px 21px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-canvas)}
html[data-account-shell=center] .recharge>summary{display:flex;align-items:center;justify-content:space-between;min-height:21px;font-size:14px;font-weight:500;list-style:none}
html[data-account-shell=center] .recharge>summary::-webkit-details-marker{display:none}
html[data-account-shell=center] .recharge>summary:after{content:"";width:7px;height:7px;margin-right:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform 120ms}
html[data-account-shell=center] .recharge[open]>summary:after{transform:rotate(225deg)}
html[data-account-shell=center] .recharge input{height:38px}
html[data-account-shell=center] .recharge #payment-state{margin-top:16px}
html[data-account-shell=center] .records{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-canvas);padding:0 21px}
html[data-account-shell=center] .record{padding-block:16px;gap:21px}
html[data-account-shell=center] .record:last-child{border-bottom:0}
html[data-account-shell=center] .record>div>p{font-size:14px;line-height:21px}
html[data-account-shell=center] .record strong{font-size:14px;font-weight:500}
html[data-account-shell=center] .record time{line-height:21px;margin-top:4px}
html[data-account-shell=center] .ledger-source{font-size:12px;font-weight:400;border:1px solid var(--ui-border-subtle);background:var(--ui-subtle);line-height:19px}
html[data-account-shell=center] .site-footer{max-width:none;margin:0 0 0 var(--account-sidebar-width);padding:0 43px 26px}
html[data-account-shell=center] .footer-content{max-width:861px;margin-inline:auto;justify-content:flex-start;border-top:1px solid var(--ui-border-subtle);padding-top:21px}
html[data-account-shell=center] .footer-content>span{display:none}

@media(max-width:856px){
 html[data-account-shell=center]{--account-sidebar-width:54px}
 html[data-account-shell=center] .brand{padding:0;justify-content:center}
 html[data-account-shell=center] .brand strong,html[data-account-shell=center] .site-header nav a>span,html[data-account-shell=center] .site-header nav button>span,html[data-account-shell=center] .product-links .external-mark{display:none}
 html[data-account-shell=center] .site-header :is(nav a,nav button){padding:8px;justify-content:center}
 html[data-account-shell=center] main{padding:26px 21px}
 html[data-account-shell=center] .site-footer{padding-inline:21px}
}
@media(max-width:680px){
 .account-utilities #product-back svg{display:none}
 .site-header>.brand{gap:8px}
 .site-header .brand-context{display:none}
 .site-header .account-utilities{gap:4px}
 .site-header .account-utilities button{padding-inline:8px}
 html[data-account-shell=center] main{padding:21px 16px}
 html[data-account-shell=center] .page-heading{align-items:flex-start;flex-wrap:wrap;gap:13px;margin-bottom:21px}
 html[data-account-shell=center] .account-session-actions{margin-left:-10px}
 html[data-account-shell=center] .detail-list>div{grid-template-columns:91px minmax(0,1fr);padding:16px;gap:13px}
 html[data-account-shell=center] :is(.setting-list,.records){padding-inline:16px}
 html[data-account-shell=center] .wallet-summary{padding:16px}
 html[data-account-shell=center] .balance{font-size:30px}
 html[data-account-shell=center] .site-footer{padding-inline:16px}
}