.account{max-width:640px;padding-top:16px;padding-bottom:56px}
.account .tabs{justify-content:center}
.card{background:var(--card);padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere;min-width:0}
.card[hidden]{display:none}
.card h1{font-size:34px;line-height:1.15}
.card h2{font-size:26px}
.card .sub{margin:0 0 6px}
.card label{font-weight:700;margin-top:6px}
.card select,.card input:not([type=checkbox]){font:500 17px var(--font);color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:12px;padding:10px 12px;width:100%}
.card small{color:var(--soft);font-size:14px}
.card .check{display:flex;align-items:flex-start;gap:10px;font-weight:600}
.card .check input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--leaf)}
.card .btn{margin-top:10px;align-self:flex-start}
.balance{display:flex;align-items:center;font-size:44px;font-weight:700;margin-left:-8px;font-variant-numeric:tabular-nums}
#history{list-style:none;margin:0;padding:0}
#history li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:2px solid var(--line)}
#history li:last-child{border-bottom:0}
#history time{display:block;color:var(--soft);font-size:14px}
#history b{font-variant-numeric:tabular-nums}
.center-title{font-size:34px;line-height:1.15;overflow-wrap:anywhere}
.pane[hidden]{display:none}
.account .tabs{justify-content:flex-start}
#signed-out .tabs{justify-content:center}
.account .sub{overflow-wrap:anywhere}
#orders{list-style:none;margin:0;padding:0}
#orders li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,auto);gap:4px 12px;align-items:center;padding:12px 0;border-bottom:2px solid var(--line)}
#orders li:last-child{border-bottom:0}
#orders img{width:72px;height:72px;grid-row:span 3}
#orders b{font-weight:700;line-height:1.2}
#orders .meta{color:var(--soft);font-size:14px;grid-column:2/-1}
#orders .btn{grid-column:2/-1;justify-self:start;margin:4px 0 0;padding:4px 12px;font-size:14px}
.dev-steps{margin:0 0 6px;padding-left:22px}
.code{background:var(--ink);color:var(--butter);padding:12px 14px;border-radius:12px;overflow-x:auto;font:500 14px/1.6 ui-monospace,Menlo,monospace;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.link{text-decoration:underline;font-weight:600}
#dev-home[hidden]{display:none}