:root{color-scheme:light;--ink:#182727;--muted:#667572;--brand:#0e7c6b;--line:#dce6e2;--paper:#f4f7f5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:var(--brand)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #88baa9;outline-offset:4px;border-radius:10px}.account-shell{max-width:1136px;margin:auto;padding:0 32px}.account-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:19px;font-weight:760}.account-brand span{display:grid;place-items:center;background:var(--brand);color:white;width:36px;height:36px;border-radius:11px;font-size:22px}.quiet{border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:8px 16px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--brand);font-weight:750;margin-top:34px}h1{font-size:clamp(28px,4.5vw,48px);line-height:1.15;letter-spacing:-1.5px;font-weight:730;margin:14px 0 18px}h1 span{color:#738680}.intro{color:var(--muted);margin:0 0 32px;max-width:650px}.account-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:26px;padding-bottom:14px}.account-tabs button{border:0;background:none;color:var(--muted);padding:10px 16px;border-radius:11px;font-weight:600}.account-tabs button[aria-current=page]{color:#fff;background:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.store-card,.purchase-card,.empty,.notice{border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;min-width:0}.store-card h2,.purchase-card h2{font-size:22px;line-height:1.3;margin:12px 0 8px;overflow-wrap:anywhere}.store-card p,.purchase-card p{color:var(--muted);margin:7px 0 20px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e7eee9;color:var(--brand);font-size:20px;font-weight:700}.pill{display:inline-flex;padding:5px 10px;border-radius:20px;background:#eff4f1;color:#597267;font-size:12px;font-weight:650}.pill.paid{background:#ddf3e8;color:#176142}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:10px 16px;border:1px solid var(--brand);border-radius:12px;background:var(--brand);color:white;text-decoration:none;font-weight:600}.btn.secondary{color:var(--ink);border-color:var(--line);background:#fff}.muted{color:var(--muted)}.empty{text-align:center;padding:44px 22px}.empty h2{margin:0 0 12px;font-size:23px}.empty p{max-width:520px;margin:0 auto;color:var(--muted)}.empty .actions{justify-content:center}.notice{margin:20px 0;background:#edf4ef;border-color:#d9e7dd}.notice p{margin:5px 0 0}.purchase-list{display:grid;gap:16px}.purchase-card dl{display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin:18px 0}.purchase-card dt{color:var(--muted)}.purchase-card dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.purchase-card details{border-top:1px solid var(--line);padding-top:12px}.purchase-card summary{cursor:pointer;color:var(--brand);font-weight:600}.terms{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--muted);max-height:240px;overflow:auto}.feedback{overflow-wrap:anywhere}.feedback.error{color:#9f3437}.reference{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin-top:16px}footer{color:var(--muted);font-size:13px;margin:60px 0 30px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.account-shell{padding:0 18px}.account-header{min-height:82px}.eyebrow{margin-top:20px}.grid{grid-template-columns:1fr}.account-tabs{gap:4px}.account-tabs button{font-size:14px;padding:10px 11px}.store-card,.purchase-card{padding:21px}.purchase-card dl{grid-template-columns:1fr}.purchase-card dd{text-align:left;margin-bottom:8px}.actions .btn{flex:1;min-width:130px}.intro{font-size:15px}.quiet{font-size:14px}h1{letter-spacing:-.7px}}

/* Account shares the measured cabinet viewport and safe areas. */
html{scroll-padding-top:calc(16px + var(--cabinet-safe-top,0px));scroll-padding-bottom:calc(16px + var(--cabinet-safe-bottom,0px))}
body{min-height:var(--cabinet-height,100vh);padding:var(--cabinet-safe-top,0px) var(--cabinet-safe-right,0px) max(var(--cabinet-safe-bottom,0px),env(safe-area-inset-bottom,0px)) var(--cabinet-safe-left,0px)}
.account-shell{min-width:0}.account-shell main,.account-shell main>*{min-width:0}
.account-header{flex-wrap:wrap;gap:12px}.account-brand{max-width:100%;overflow-wrap:anywhere}.account-brand span{flex:none}
.account-shell :is(p,.pill,.btn,.quiet,summary){overflow-wrap:anywhere;max-width:100%}.card-top{flex-wrap:wrap}.account-shell :is(a,button,summary){scroll-margin-block:18px}
.account-shell .billing-summary>div{min-width:0;max-width:100%}.account-shell .billing-summary strong{overflow-wrap:anywhere}
@media(max-width:350px){.account-shell{padding-inline:12px}.store-card,.purchase-card{padding:16px}.account-brand{font-size:17px}.account-header .quiet{padding-inline:12px}.account-tabs{gap:3px}.account-tabs button{padding-inline:9px}}
@media(max-height:500px){.account-header{min-height:60px}.eyebrow{margin-top:10px}.intro{margin-bottom:18px}footer{margin-top:30px}}