.reference-board{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(1240px,100% - 40px);margin:24px auto 0;padding:24px}.reference-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.reference-heading h2{letter-spacing:-.03em;margin:0;font-size:20px}.reference-heading p,.reference-note{color:var(--muted);font-size:12px;line-height:1.6}.reference-heading p{margin:6px 0 0}.reference-motion{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:8px 11px;font-size:11px}.reference-motion:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.reference-ticker{border-block:1px solid var(--line);margin:18px 0;padding-block:12px;overflow:hidden}.reference-track{width:max-content;animation:32s linear infinite reference-scroll;display:flex}.reference-ticker-group{flex-shrink:0;gap:36px;padding-right:36px;display:flex}.reference-ticker-group span{color:var(--muted);white-space:nowrap;gap:12px;font-size:11px;display:flex}.reference-ticker-group b{color:var(--text);font-variant-numeric:tabular-nums}.reference-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.reference-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:18px}.reference-card span,.reference-card small{color:var(--muted);font-size:11px;display:block}.reference-card strong{font:700 28px/1.2 var(--font-inter);color:var(--text);font-variant-numeric:tabular-nums;margin:10px 0;animation:.35s ease-out reference-arrive;display:block}.reference-note{margin:16px 0 0}.reference-board[data-motion=off] .reference-track{animation-play-state:paused}.reference-board[data-motion=off] .reference-card strong{animation:none}@keyframes reference-scroll{to{transform:translate(-50%)}}@keyframes reference-arrive{0%{opacity:.5}to{opacity:1}}@media (max-width:760px){.reference-board{width:calc(100% - 28px);padding:16px}.reference-card{padding:14px 12px}.reference-card strong{font-size:24px}}@media (prefers-reduced-motion:reduce){.reference-track,.reference-card strong{animation:none}}
.login-panel{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(620px,100% - 32px);margin:56px auto 96px;padding:32px}.login-panel h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(28px,5vw,38px);line-height:1.2}.login-panel h2{margin:0 0 10px;font-size:16px}.login-panel p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;line-height:1.75}.login-intro{margin:0 0 28px}.login-actions{gap:12px;display:grid}.login-panel .primary-button,.login-panel .secondary-button{text-align:center;white-space:normal;justify-content:center;align-items:center;min-height:48px;display:flex}.login-notice{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:18px}.login-security{margin-top:28px}.login-security a{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;display:block}.login-security a:hover{color:var(--primary-ink)}.login-panel a:focus-visible,.login-panel button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.login-logout{margin-top:24px}.login-help{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.login-help p{margin-bottom:0;font-size:12px}@media (max-width:680px){.login-panel{margin-top:28px;padding:24px 20px}}
:root{--surface-2:#fafaf9;--surface-3:#f5f5f3;--line:#e8e5e1;--shadow:0 8px 28px #4625150b}.customer-page{background:var(--bg)}.customer-page :where(main,section,article,header,form,fieldset){min-width:0}.customer-page #customer-content :where(.order-page-shell,.wallet-page-shell,.orders-page-shell,.seller-page-shell,.seller-session-shell,.account-page-shell,.invite-page-shell,.payment-methods-page-shell){width:min(1240px,100% - 40px);margin:44px auto 96px}.customer-page .payment-methods-page-shell{max-width:1240px;padding:0}.customer-page .payment-methods-page-shell h1{letter-spacing:-.045em;font-size:clamp(32px,4vw,48px);line-height:1.15}.customer-page #customer-content>:where(.account-settings-card,.completion-card){width:min(900px,100% - 40px);margin:44px auto 96px}.customer-page #customer-content>.completion-card{text-align:left;border-color:var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.customer-page #customer-content>.completion-card h1{letter-spacing:-.035em;font-size:clamp(28px,4vw,40px);line-height:1.25}.customer-page #customer-content>.completion-card>.primary-button{white-space:normal;width:auto;max-width:100%}.customer-page .onboarding-layout{border-radius:var(--radius-lg);margin-top:44px}.customer-page :where(.page-heading-row,.order-title-row){align-items:flex-start;gap:20px;margin-bottom:32px}.customer-page :where(.page-heading-row,.order-title-row) h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(32px,4vw,48px);line-height:1.15}.customer-page :where(.page-heading-row,.order-title-row) p{max-width:720px;font-size:15px;line-height:1.7}.customer-page :where(.account-summary-card,.account-privacy-card,.account-settings-card,.receipt-card,.payment-card,.chat-panel,.wallet-safety-card,.transaction-panel,.seller-profile-selector,.seller-status-panel,.trade-completion-tools){background:var(--surface);border-color:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.customer-page .card-heading{flex-wrap:wrap;gap:16px}.customer-page .card-heading h2{letter-spacing:-.025em;line-height:1.35}.customer-page .card-heading>div{min-width:0}.customer-page :where(input:not([type=checkbox]):not([type=radio]),select,textarea){color:var(--text);accent-color:var(--primary)}.customer-page :where(input,select,textarea):focus-visible{outline:2px solid var(--primary-ink);outline-offset:3px}.customer-page :where(.field-label,.account-setting-list){line-height:1.6}.customer-page .inline-status{overflow-wrap:anywhere;line-height:1.65}.account-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.account-summary-card,.account-settings-card{padding:32px}.account-summary-card h2{letter-spacing:-.03em;margin:12px 0 20px;font-size:26px}.account-control-stack{gap:24px;margin-top:24px}.account-settings-card>p{color:var(--muted);font-size:14px;line-height:1.75}.account-details{margin:24px 0}.account-details div{padding:16px 0}.account-details dt,.account-details dd{font-size:14px}.account-details dd{overflow-wrap:anywhere}.account-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px}.account-actions>:where(a,button){width:auto;min-height:44px;padding-inline:16px}.account-actions>.primary-button{margin-left:auto}.account-privacy-card{align-self:start;padding:28px}.account-privacy-card h2{margin:0 0 14px;font-size:22px}.account-privacy-card p,.account-privacy-card div{font-size:13px;line-height:1.75}.account-privacy-card div{color:var(--muted)}.account-verified-pill{flex-shrink:0;margin-top:12px}.account-verified-pill[data-state=setup],.account-verified-pill[data-state=pending]{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary-ink)}.account-setting-list>:where(div,label){min-height:76px;padding:16px 0}.account-setting-list strong{font-size:14px}.account-setting-list small{font-size:13px;line-height:1.6}.account-export-scope{gap:16px}.account-export-scope>div{background:var(--surface-2);padding:18px}.account-export-scope p{font-size:13px;line-height:1.75}.login-panel{border-radius:var(--radius-lg);width:min(640px,100% - 40px);box-shadow:var(--shadow);margin:56px auto 96px;padding:40px}.login-panel h1{font-size:clamp(30px,4vw,40px)}.login-panel .login-intro{font-size:15px}.login-panel .login-help{margin-top:32px;padding-top:24px}.login-panel .login-help p{font-size:13px}.login-panel .login-notice{background:var(--surface-2)}@media (max-width:900px){.account-grid{grid-template-columns:minmax(0,1fr)}.account-privacy-card{padding:24px}}@media (max-width:640px){.customer-page #customer-content :where(.order-page-shell,.wallet-page-shell,.orders-page-shell,.seller-page-shell,.seller-session-shell,.account-page-shell,.invite-page-shell,.payment-methods-page-shell){width:calc(100% - 32px);margin:28px auto 96px}.customer-page :where(.page-heading-row,.order-title-row){margin-bottom:24px}.account-grid,.account-control-stack{gap:16px}.account-control-stack{margin-top:16px}.account-summary-card,.account-settings-card,.account-privacy-card{padding:22px 20px}.account-actions{flex-direction:row}.account-actions>:where(a,button){width:100%;margin-left:0}.account-details dt,.account-details dd{font-size:13px}.account-verified-pill{margin-top:0}.login-panel{width:calc(100% - 32px);margin-top:28px;padding:28px 24px}.customer-page #customer-content>:where(.account-settings-card,.completion-card){width:calc(100% - 32px);margin:28px auto 96px}.customer-page #customer-content>.completion-card{padding:24px 20px}.customer-page .onboarding-layout{margin-top:28px}}
