/* pline.studio Learn — account settings and purchases */
.acct{padding-bottom:96px}
.acct>*,.acct [data-account-root]{display:flex;flex-direction:column;gap:20px;max-width:780px}
.acct h2{font-size:24px}
.acct-sec{display:flex;flex-direction:column;gap:6px}
.acct-sec>h2{margin-bottom:8px}
.acct-who{display:flex;align-items:center;gap:16px;margin:4px 0 8px}
.acct-av{width:56px;height:56px;border-radius:999px;background:var(--brand-btn);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex:none}
.acct-name{font-weight:800;font-size:19px;letter-spacing:-.01em;overflow-wrap:anywhere}
.acct-dl{margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.acct-dl>div{padding:12px 0;border-top:1px solid var(--line-2)}
.acct-dl dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--faint)}
.acct-dl dd{margin:2px 0 0;font-size:15px;font-weight:600}
.acct-form{display:flex;flex-direction:column;gap:14px;max-width:420px;margin-top:4px}
.acct-f{display:flex;flex-direction:column;gap:4px}
.acct-f label{font-size:14px;font-weight:600}
.acct-f input{height:46px;border:1px solid var(--line-3,#CBD5E1);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:var(--surface,#fff);color:var(--ink)}
.acct-f input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.acct-msg{font-size:14px;padding:10px 12px;border-radius:10px;line-height:1.45}.acct-msg:empty{display:none}
.acct-msg.ok{background:var(--ok-bg);color:var(--ok-ink)}.acct-msg.bad{background:var(--bad-bg);color:var(--bad-ink)}
.acct-danger{border-color:var(--bad-line,#F3C4C4)}
.acct-danger h2{color:var(--bad-ink)}
.acct-btn-danger{background:var(--bad);color:#fff;border-color:var(--bad)}.acct-btn-danger:hover{background:var(--bad,#B53232);color:#fff}
.acct-confirm{margin-top:16px;padding:18px;border-radius:var(--r-md);background:var(--bad-bg);max-width:none}
.acct-confirm input{max-width:260px;letter-spacing:.08em}
.acct-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 32px}
.acct-empty p{max-width:34em}
.acct-ic{width:56px;height:56px;border-radius:999px;background:var(--brand-chip);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}
@media (max-width:560px){
  .acct-dl{grid-template-columns:1fr}
  .acct-empty{padding:36px 20px}
  .acct .btn-row .btn{white-space:normal}
}
/* My purchases (Oct 16, 2026) */
.pill-ok{background:var(--ok-bg);color:var(--ok-ink)}.pill-bad{background:var(--bad-bg);color:var(--bad-ink)}
.pu-preview{background:var(--warn-bg);color:var(--warn-ink)}
.pu-bal{display:flex;align-items:baseline;gap:12px;margin:2px 0 4px}
.pu-bal b{font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--brand);line-height:1}
.pu-bal span{font-weight:600}
.pu-redeem input{text-transform:uppercase;letter-spacing:.06em}
.pu-orders,.pu-redeemed{list-style:none;margin:0;padding:0}
.pu-order{padding:14px 0;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:6px}
.pu-order:first-child{border-top:0;padding-top:4px}
.pu-order-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.pu-t{font-weight:700}
.pu-amt{font-weight:700;text-align:right;display:flex;flex-direction:column}
.pu-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pu-codes{margin-top:6px;padding:12px 14px;border-radius:var(--r-md);background:var(--brand-chip)}
.pu-codes summary{cursor:pointer;font-weight:700;font-size:14px}
.pu-codes p{margin:8px 0}
.pu-codes ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.pu-codes li{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pu-codes code{font-size:15px;font-weight:700;letter-spacing:.06em;background:var(--surface,#fff);padding:3px 8px;border-radius:8px}
.pu-h3{font-size:16px;margin:16px 0 6px}
.pu-redeemed li{padding:4px 0}
/* Buy for your team / turn attempts into codes (Oct 18, 2026) */
.pu-team-f{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:end;margin-top:4px}
.pu-team-f select{height:46px;border:1px solid var(--line-3,#CBD5E1);border-radius:12px;padding:0 12px;font:inherit;font-size:16px;background:var(--surface,#fff);color:var(--ink)}
.pu-team-f .pu-team-sum,.pu-team-f .btn-row{grid-column:1/-1}
.pu-team-sum{font-weight:700}
.pu-conv{margin-top:10px}
.pu-conv summary{cursor:pointer;color:var(--brand);font-weight:600}
.pu-conv-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 6px}
.pu-conv-f input{width:84px;height:40px;border:1px solid var(--line-3,#CBD5E1);border-radius:10px;padding:0 10px;font:inherit;font-size:16px}
@media (max-width:560px){.pu-team-f{grid-template-columns:1fr}}
.pu-codes .link-btn{font-size:13px}