.account-section{padding-block:var(--sp-9);min-height:60vh}.account-container{max-width:76rem}.account-section .section-head h1{font-size:var(--step-4);margin-top:var(--sp-3)}.account-section #account-root[hidden],.account-section #account-loading[hidden],.account-section #account-error[hidden],.account-section #account-key-reveal[hidden],.account-section #qs-orient[hidden],.account-section .qs-set[hidden]{display:none!important}.account-section .account-card-label{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:500}.account-section h2.account-card-label{font-size:var(--step-0);color:var(--text);letter-spacing:.08em;font-weight:600}.account-root,.account-skeleton{gap:var(--sp-6);display:grid}@keyframes skel{0%{opacity:.55}to{opacity:1}}.account-section .skel{background:var(--bg-well);border-radius:var(--radius-s);animation:skel 1.1s var(--ease-out) infinite alternate}@media (prefers-reduced-motion:reduce){.account-section .skel{animation:none}}.account-section .skel-line{height:1rem}.account-section .skel-row{height:2.5rem}.account-section .account-error{padding:var(--sp-6);align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:flex}.account-section .account-error-title{font-family:var(--font-display);font-size:var(--step-2);color:var(--text)}.account-section .account-error-detail{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim)}.account-section .meter{background:var(--bg-well);height:3px;margin-top:var(--sp-3);border-radius:2px;overflow:hidden}.account-section .meter-fill{background:var(--accent);height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:2px}.account-section .meter-fill-cyan{background:var(--cyan);box-shadow:0 0 6px color-mix(in srgb, var(--cyan) 50%, transparent)}.account-section .identity-strip{justify-content:space-between;align-items:baseline;gap:var(--sp-4);border-block:1px solid var(--border);padding-block:var(--sp-4);flex-wrap:wrap;display:flex}.account-section .identity-left{align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.account-section .identity-email{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);overflow-wrap:anywhere;min-width:0}.account-section .session-dot,.account-section .status-dot-cyan{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 3px var(--cyan-soft);border-radius:50%;flex:none}.account-section .readout-strip{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.account-section .readout-tile{padding:var(--sp-5);border-top:2px solid var(--accent);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.account-section .readout-value{font-family:var(--font-mono);font-size:var(--step-3);font-variant-numeric:tabular-nums;color:var(--text);margin-top:var(--sp-3);line-height:1.1}.account-section .readout-plan{font-family:var(--font-mono);font-size:var(--step-3);letter-spacing:.01em;text-transform:uppercase;color:var(--accent);margin-top:var(--sp-3);line-height:1.1}.account-section .readout-plan-free{color:var(--cyan)}.account-section .readout-spacer{margin-top:var(--sp-3);height:3px}.account-section .readout-sub{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);padding-top:var(--sp-3);margin-top:auto}.account-section .readout-accent{color:var(--accent)}.account-section .readout-cyan{color:var(--cyan)}.account-section .readout-dim{color:var(--text-dim)}.account-section .split-row{gap:var(--sp-5);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.account-section .split-row{grid-template-columns:minmax(0,1fr)}}.account-section .keys-panel,.account-section .plan-rail,.account-section .access-matrix,.account-section .quickstart-panel{padding:var(--sp-5)}.account-section .panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.account-section .panel-head-left{align-items:center;gap:var(--sp-2);display:flex}.account-section .key-display,.account-section .keys-table .key-display{font-family:var(--font-mono);font-size:var(--step--1);background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-dim);letter-spacing:.02em;padding:.4em .7em;display:inline-block}.account-section .keys-table{width:100%}.account-section .keys-table th:nth-child(3),.account-section .keys-table td:nth-child(3){text-align:left}.account-section .key-created{color:var(--text-dim);font-variant-numeric:tabular-nums}.account-section .key-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.account-section .btn-sm{padding:.4em .7em}.account-section .btn-danger{border-color:var(--red);color:var(--red)}.account-section .btn-danger:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.account-section .live-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 3px var(--cyan-soft);border-radius:50%;flex:none;display:inline-block}.account-section .keys-table td.key-actions-cell{white-space:normal}.account-section .regen-warn{font-family:var(--font-mono);color:var(--red);white-space:normal;flex-basis:100%;font-size:.72rem}.account-section tr[data-busy]{opacity:.5}.account-section .keys-empty{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) 0;flex-direction:column;display:flex}.account-section .keys-empty-note{font-family:var(--font-mono);color:var(--text-dim)}.account-section .key-reveal-band{gap:var(--sp-3);border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius-m);padding:var(--sp-4);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.account-section .key-reveal-note{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent)}.account-section .key-reveal-shell{align-items:center;gap:var(--sp-3);background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);display:flex;overflow-x:auto}.account-section .key-display-full{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent);white-space:pre;flex:1}.account-section .key-error{margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--step--1);color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb, var(--red) 40%, var(--border));border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4)}.account-section .plan-rail-badge{font-size:var(--step-1);margin:var(--sp-3) 0 0;padding:.3em .8em;display:inline-block}.account-section .plan-rail-rate{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);margin-top:var(--sp-4)}.account-section .plan-rail-rate-num{color:var(--text);font-variant-numeric:tabular-nums}.account-section .plan-rail-next{font-size:var(--step--1);color:var(--text-dim);margin-top:var(--sp-4)}.account-section .plan-upsell{margin-top:var(--sp-4);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);font-size:var(--step--1);color:var(--text-dim)}.account-section .link-cyan{color:var(--cyan);font-family:var(--font-mono);font-size:var(--step--1);text-decoration:none}.account-section .link-cyan:hover{text-decoration:underline}.account-section .plan-rail-next-wrap{margin-top:var(--sp-3)}.account-section .matrix-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.account-section .matrix-head-left{gap:var(--sp-1);flex-direction:column;display:flex}.account-section .matrix-summary{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);font-variant-numeric:tabular-nums}.account-section .matrix-filter{gap:var(--sp-2);display:flex}.account-section .matrix-filter .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.account-section .matrix-products{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.account-section .matrix-products-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.72rem}.account-section .matrix-cat{margin-top:var(--sp-5)}.account-section .matrix-cat:first-of-type{margin-top:0}.account-section .matrix-cat-head{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.account-section .matrix-cat-head h3{font-family:var(--font-display);font-size:var(--step-0);overflow-wrap:anywhere;min-width:0}.account-section .matrix-cat-count{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);font-variant-numeric:tabular-nums}.account-section .matrix-rows{gap:var(--sp-2);flex-direction:column;display:flex}.account-section .matrix-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-m);display:flex}.account-section .matrix-row-locked{background:0 0;border-style:dashed}.account-section .matrix-path{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text);word-break:break-all}.account-section .matrix-row-locked .matrix-path{color:var(--text-dim)}.account-section .matrix-status{align-items:center;gap:var(--sp-2);flex:none;display:flex}.account-section .matrix-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 3px var(--cyan-soft);border-radius:50%;flex:none}.account-section .matrix-open{font-family:var(--font-mono);font-size:var(--step--1);color:color-mix(in srgb, var(--cyan) 82%, var(--text));font-weight:500}.account-section .matrix-unlock{font-family:var(--font-mono);color:var(--text-dim);font-size:.72rem;text-decoration:none}.account-section .matrix-unlock:hover{color:var(--accent)}.account-section .matrix-empty{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim)}.account-section .access-matrix[data-filter=unlocked] .matrix-row[data-locked=true],.account-section .access-matrix[data-filter=locked] .matrix-row[data-locked=false]{display:none}.account-section .qs-head{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.account-section .qs-tabs{gap:var(--sp-2);display:flex}.account-section .qs-tabs .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.account-section .qs-orient{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);margin-bottom:var(--sp-4)}.account-section .qs-set,.account-section .commands{gap:var(--sp-4);flex-direction:column;display:flex}.account-section .cmd{gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=780px){.account-section .cmd{gap:var(--sp-5);grid-template-columns:14rem 1fr;align-items:center}}.account-section .cmd-label{font-family:var(--font-body);color:var(--text);font-weight:600}.account-section .cmd-desc{font-size:var(--step--1);color:var(--text-dim);margin-top:.3em}.account-section .cmd-shell{align-items:center;gap:var(--sp-3);background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);display:flex;overflow-x:auto}.account-section .cmd-prompt{color:var(--cyan);font-family:var(--font-mono);flex:none}.account-section .cmd-text{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text);white-space:pre;flex:1}.account-section .cmd-copy{flex:none;margin-left:auto}.account-section .qs-json-shell{align-items:flex-start;gap:var(--sp-3);background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-4);display:flex;overflow-x:auto}.account-section .qs-json{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text);white-space:pre;flex:1;margin:0}.account-section .link-rail{align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);border-top:1px solid var(--border);padding-top:var(--sp-5);flex-wrap:wrap;display:flex}.account-section .link-rail a{color:var(--text-dim);text-decoration:none}.account-section .link-rail a:hover{color:var(--cyan)}.account-section .link-rail-sep{color:var(--text-faint)}@media (width<=640px){.account-section .identity-strip{flex-direction:column;align-items:flex-start}}
