/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 */
:root{--account-paper:#fff;--account-muted:#567083;--account-border:#d8e3e9;--account-tint:#f0f7fb}
html,body{overflow-x:clip}.member-page:has(.account-shell){max-width:980px;padding-block:32px}.member-page:has(.account-shell)>h1{display:none}.account-shell{font-family:var(--font-body);color:var(--brand-ink);min-height:55vh}.account-status{text-align:center;font-size:14px;min-height:24px;margin:0 0 16px}.account-status:empty{min-height:0;margin:0}.signin-card{max-width:440px;margin:0 auto;background:var(--account-paper);border:1px solid var(--account-border);border-radius:20px;padding:36px;text-align:center}.signin-card h2{font-size:28px;margin:16px 0 8px}.signin-lead{color:var(--account-muted);font-size:16px;line-height:1.9;margin:0 0 24px}.signin-card button{width:100%;white-space:nowrap!important;min-height:48px;font:inherit;font-weight:600}.google-button{background:var(--account-paper);color:var(--brand-ink);border:1px solid var(--account-border);border-radius:8px}.google-button:hover{background:var(--account-tint)}.signin-divider{display:flex;align-items:center;gap:12px;color:var(--account-muted);font-size:13px;margin:24px 0}.signin-divider:before,.signin-divider:after{content:'';height:1px;flex:1;background:var(--account-border)}.signin-card #emailLogin{display:grid;gap:12px;margin:0;text-align:right}.signin-card #emailLogin input{width:100%;box-sizing:border-box;min-width:0;font:inherit}.signin-card label{font-size:14px;font-weight:600}.small-note,.signin-legal{font-size:13px;color:var(--account-muted);line-height:1.9}.signin-legal{margin:24px 0 16px}.signin-card .text-button{font-size:13px;min-height:44px}.account-shell button:focus-visible,.account-shell a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.account-shell button:disabled{opacity:.55;cursor:wait}.account-shell button:active{transform:translateY(1px)}.profile-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 32px;padding:24px}.profile-panel h2{margin:0;font-size:25px}.profile-panel p{margin:4px 0;overflow-wrap:anywhere}.profile-panel #userEmail{font-size:14px;color:var(--account-muted);text-align:right}.profile-panel button{flex-shrink:0;font-size:13px}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.progress-heading h2{margin:0;font-size:28px}.progress-heading p{margin:4px 0;color:var(--account-muted)}.sync-panel{padding:24px;background:var(--account-tint);border-radius:12px}.sync-panel h3{margin:0}.sync-panel p{font-size:14px;color:var(--account-muted);line-height:1.8}.sync-panel details{margin-top:16px;font-size:13px}.sync-panel summary{cursor:pointer}.chart-panel{margin-block:24px}.chart-panel h2{font-size:24px}.chart-panel .member-actions label{font-size:14px}.account-shell .button-link,.account-shell button{white-space:nowrap}.account-shell [hidden]{display:none!important}
@media(max-width:600px){.member-page:has(.account-shell){padding:24px 16px}.signin-card{padding:24px 20px}.signin-card h2{font-size:25px}.profile-panel,.progress-heading{align-items:flex-start;flex-direction:column}.sync-panel{padding:20px}.sync-panel .member-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.chart-panel{padding:20px 12px}.chart-panel .member-actions{display:grid}.chart-panel select{max-width:100%;min-width:0}.history-table{font-size:12px}.account-shell h2{overflow-wrap:anywhere}}
:root{--chart-speed:#086aab;--chart-accuracy:#16806b;--chart-average:#bf7808;--chart-long:#8b5db5}
.chart-filters{display:flex;flex-wrap:wrap;gap:16px;margin-block:20px}.chart-filters label{display:grid;gap:6px;font-size:13px}.chart-filters select{padding:8px 12px}.chart-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--account-border);padding-block:20px;margin-bottom:24px;gap:12px}.chart-stats strong{display:block;font-size:30px;color:var(--brand-ink);font-variant-numeric:tabular-nums}.chart-stats span{font-size:13px;color:var(--account-muted)}.chart-axis-labels{display:flex;justify-content:space-between;direction:ltr;font-size:12px;color:var(--account-muted)}#historyChart{display:block;width:100%;height:auto;min-height:180px;margin:8px 0;overflow:visible}.chart-grid{stroke:var(--account-border);stroke-width:1}.axis-text{font:13px var(--font-body);fill:var(--account-muted)}.chart-line{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.series-speed{stroke:var(--chart-speed);color:var(--chart-speed)}.series-accuracy{stroke:var(--chart-accuracy);color:var(--chart-accuracy)}.series-avg10{stroke:var(--chart-average);stroke-width:3}.series-avg100{stroke:var(--chart-long);stroke-width:3;stroke-dasharray:8 4}.chart-dot{fill:currentColor;opacity:.6;cursor:pointer;stroke-width:6;stroke-opacity:.1}.chart-dot:hover,.chart-dot:focus{opacity:1;stroke-width:10;outline:none}.chart-detail{min-height:26px;padding:10px;background:var(--account-tint);border-radius:6px;font-size:13px}.chart-toggles{display:flex;gap:8px;flex-wrap:wrap}.chart-toggles button{font-size:13px;min-height:40px;padding:8px 12px;border:1px solid var(--account-border);border-radius:6px;background:var(--account-paper);color:var(--account-muted)}.chart-toggles button[aria-pressed=true]{background:var(--account-tint);color:var(--brand-ink);border-color:var(--brand-blue)}.chart-toggles button:before{content:'●';margin-left:6px}.chart-toggles [data-series=speed]:before{color:var(--chart-speed)}.chart-toggles [data-series=accuracy]:before{color:var(--chart-accuracy)}.chart-toggles [data-series=avg10]:before{color:var(--chart-average)}.chart-toggles [data-series=avg100]:before{color:var(--chart-long)}.distribution-row{display:grid;grid-template-columns:60px minmax(0,1fr) 35px;align-items:center;gap:12px;margin-block:12px;direction:ltr;font-size:13px}.distribution-track{height:18px;background:var(--account-tint);border-radius:3px}.distribution-track i{display:block;height:100%;background:var(--chart-speed);border-radius:3px}.attempt-log{margin-top:28px}.attempt-log summary{cursor:pointer;font-weight:600;padding-block:12px}@media(max-width:600px){.chart-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-filters{gap:12px}.chart-filters label{flex:1;min-width:105px}.chart-stats strong{font-size:25px}.chart-axis-labels{font-size:10px}.chart-detail{font-size:12px}}