:root{color-scheme:light;--paper:#f5f3ec;--ink:#283e33;--muted:#7b8276;--line:#ddded3;--green:#304c3c;--red:#a64a37;--serif:'Songti SC','Noto Serif SC','SimSun',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-size:14px;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9bae88;outline-offset:4px}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);z-index:5;background:var(--green);color:white;padding:12px 20px;border-radius:6px}.skip-link:focus{transform:none}
.site-header{max-width:1280px;margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:25px;letter-spacing:4px}.brand small{display:block;font:9px sans-serif;letter-spacing:4px;margin-top:5px}.seal{background:var(--green);color:var(--paper);width:44px;height:48px;display:grid;place-items:center;font-size:30px;border-radius:3px}.text-link{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:12px}.text-link:hover{color:var(--green)}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:12px;line-height:1.8}.eyebrow:before{content:'';width:27px;height:1px;background:#9ca790}
.account-layout{max-width:1184px;margin:auto;display:grid;grid-template-columns:1fr 460px;gap:88px;padding:72px 32px 80px;align-items:start;min-height:calc(100svh - 189px)}.account-intro{padding-top:46px}.account-intro h1{font:42px/1.65 var(--serif);letter-spacing:4px;margin:22px 0}.account-intro h1 em{font-style:normal;color:#829078}.account-intro>p{color:var(--muted);line-height:2;font-size:13px}.intro-art{width:156px;height:156px;margin:38px 0 28px;border:1px solid #cbd0bf;border-radius:50%;position:relative;display:grid;place-items:center}.intro-art:before{content:'';position:absolute;inset:12px;border:1px dashed #cbd0bf;border-radius:50%}.intro-art span{font:82px var(--serif);color:#52654f}.account-intro .intro-note{font-family:var(--serif);letter-spacing:3px;font-size:12px;color:#89917f}
.account-panel{border:1px solid var(--line);background:#fcfbf6;border-radius:12px;padding:32px;min-width:0}.account-panel h2{font:26px/1.5 var(--serif);letter-spacing:2px;margin:14px 0 10px}.panel-description{font-size:12px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.provider-buttons{display:grid;gap:10px;margin-top:26px}.provider-button{width:100%;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 14px;font-size:13px}.provider-button:hover:not(:disabled){border-color:#9bae88;background:#eef0e7}.google-letter{font-size:19px;font-weight:600}.provider-status{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 6px}.provider-status:empty{display:none}.account-divider{display:flex;align-items:center;gap:14px;margin:24px 0 16px;color:var(--muted);font-size:11px}.account-divider:before,.account-divider:after{content:'';flex:1;background:var(--line);height:1px}.account-notice{background:#eef0e7;padding:12px 14px;border-radius:6px;font-size:11px;line-height:1.8;margin-bottom:18px;color:#687a58}.account-notice:empty{display:none}.account-panel label{display:block;font-size:12px;margin-bottom:9px}.account-panel input{width:100%;padding:13px 14px;border:1px solid var(--line);background:#f7f7f0;border-radius:6px;color:var(--ink);min-height:47px;outline:none}.account-panel input:focus{outline:2px solid #91a28b;outline-offset:2px}.account-panel input::placeholder{color:#989e92}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 18px;min-height:47px;border-radius:7px;border:1px solid var(--line);font-size:12px;letter-spacing:1px}.button-lime{background:var(--green);color:white;border-color:var(--green)}.button-lime:hover:not(:disabled){background:#3f604b}.button-outline{background:transparent;color:var(--ink)}.full-width{width:100%}.account-panel form .button{margin-top:14px}.account-consent{font-size:10px;color:var(--muted);line-height:2;margin-top:22px}.account-consent a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.code-recipient{font-size:12px;line-height:1.9;margin-bottom:16px;overflow-wrap:anywhere}.otp-input{font-size:24px!important;letter-spacing:.35em;text-align:center}.field-help{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.code-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.code-actions button{border:0;background:none;color:var(--green);font-size:11px;padding:4px 0}.account-feedback{font-size:12px;line-height:1.9;color:var(--green);margin-top:16px;overflow-wrap:anywhere}.account-feedback:empty{display:none}.account-feedback[data-error="true"]{color:var(--red)}
.profile-details{margin:24px 0 0;font-size:11px}.profile-details>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:8px 0}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;overflow-wrap:anywhere}.mono-value{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.wallet-card{background:#ecefe4;border:1px solid #d5dccb;border-radius:9px;padding:22px;margin-top:22px}.wallet-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.wallet-heading h3{font:18px var(--serif)}.wallet-badge{padding:5px 8px;border-radius:4px;background:#e1e7d6;color:#687a58;font-size:10px}#wallet-status{line-height:1.9;font-size:13px;margin-top:16px}#credit-packs{margin-top:16px}.wallet-card>.text-link{margin-top:18px;color:var(--green)}#payment-status:empty{display:none}.account-details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.account-details summary{list-style:none;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center}.account-details summary::-webkit-details-marker{display:none}.account-details summary:after{content:'+';color:var(--muted);font-size:20px}.account-details[open] summary:after{content:'−'}.account-details[open] summary{margin-bottom:16px}.account-details h3{font:16px var(--serif);margin:18px 0 10px}.account-list{list-style:none;padding:0;margin:0;font-size:11px;line-height:1.9;color:#687a58}.account-list li{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.account-list li:last-child{border:0}.account-list button{border:1px solid var(--line);background:transparent;color:var(--green);font-size:10px;padding:4px 8px;border-radius:4px;margin-left:8px}#name-form{margin-top:24px}.account-details>.provider-button{margin-top:10px}.profile-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.profile-section h3{font:18px var(--serif);margin-bottom:14px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.profile-actions .button{flex:1;font-size:11px;padding:10px}.danger-link{border:0;background:none;color:var(--red);font-size:11px;margin-top:15px;padding:8px 0}.account-footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:26px 32px;color:#959b8c;font-size:10px;letter-spacing:1px}.account-footer nav{display:flex;gap:16px}.account-footer a:hover{color:var(--green)}dialog{border:1px solid var(--line);padding:30px;border-radius:12px;width:min(440px,calc(100% - 32px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#20362666;backdrop-filter:blur(3px)}dialog h2{font:24px var(--serif);margin-bottom:18px}dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}
@media(max-width:1000px){.account-layout{grid-template-columns:1fr 430px;gap:36px;padding:48px 32px}.account-intro h1{font-size:35px;letter-spacing:2px}.account-intro{padding-top:32px}.site-header{padding:0 32px}.account-panel{padding:28px}.account-footer{margin:0 32px;padding:24px 0}}
@media(max-width:800px){.site-header{height:80px;padding:0 22px}.brand{font-size:21px}.brand .seal{width:35px;height:40px}.account-layout{grid-template-columns:1fr;max-width:520px;gap:26px;padding:30px 20px 40px;min-height:auto}.account-intro{padding:0}.account-intro h1{font-size:30px;line-height:1.6;margin:14px 0}.account-intro>p{font-size:12px}.intro-art,.intro-note{display:none}.account-panel{padding:24px}.account-panel h2{font-size:23px}.account-footer{margin:0 20px;padding:22px 0;flex-direction:column;gap:14px}.text-link{font-size:11px}.wallet-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
