*{box-sizing:border-box}
:root{--pf-blue:#3157d5;--pf-blue2:#6b86ee;--pf-ink:#172033;--pf-muted:#738095;--pf-line:#e3e9f1;--pf-bg:#f6f8fb;--pf-soft:#f1f4f9;--pf-green:#15976a;--pf-gold:#b9851e}
html{scroll-behavior:smooth}.profile-page-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fbfcfe 0,#f5f7fa 48%,#f7f9fc 100%);color:var(--pf-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.profile-page-header{height:74px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--pf-line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.profile-page-brand img{display:block;width:min(205px,42vw);height:auto}.profile-page-back{color:var(--pf-blue);text-decoration:none;font-size:13px;font-weight:800}.profile-page-back:hover{text-decoration:underline}.profile-dashboard-shell{width:min(1180px,calc(100% - 36px));margin:36px auto 78px}
.profile-hero{display:grid;grid-template-columns:150px minmax(0,1fr) 245px;gap:26px;align-items:center;padding:18px 4px 30px;border-bottom:1px solid var(--pf-line)}.profile-photo-wrap{text-align:center}.profile-photo-preview{width:126px;height:126px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#3157d5,#7b94ee);color:#fff;font-size:40px;font-weight:900;border:5px solid #fff;box-shadow:0 12px 30px rgba(28,45,76,.16),0 0 0 1px #dfe5ef}.profile-photo-preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}.profile-photo-button{display:inline-flex;padding:7px 11px;border:1px solid #d9e1ec;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer;background:#fff;color:#566176}.profile-photo-button:hover{border-color:#aebde8;color:var(--pf-blue)}.profile-identity{min-width:0}.profile-identity-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-online-pill,.profile-member-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850}.profile-online-pill{background:#edf9f4;color:#0d865c}.profile-online-pill i,.live-dot{width:7px;height:7px;border-radius:50%;background:#1fb678;box-shadow:0 0 0 4px rgba(31,182,120,.1)}.profile-member-pill{background:#f0f3f7;color:#758095}.profile-identity h1{margin:9px 0 2px;font-size:34px;line-height:1.08;letter-spacing:-.035em}.profile-handle{margin:0;color:var(--pf-blue);font-size:13px;font-weight:800}.profile-hero-bio{margin:10px 0 15px;max-width:610px;color:var(--pf-muted);font-size:13px;line-height:1.6}.profile-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-primary-action,.profile-secondary-action,.profile-icon-action{min-height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:850;transition:.18s}.profile-primary-action{padding:0 15px;background:var(--pf-blue);color:#fff;box-shadow:0 7px 18px rgba(49,87,213,.16)}.profile-secondary-action{padding:0 14px;border:1px solid #d9e1ec;color:#354052;background:#fff}.profile-icon-action{width:36px;border:1px solid #d9e1ec;background:#fff;color:var(--pf-blue);cursor:pointer;font-size:15px}.profile-primary-action:hover,.profile-secondary-action:hover,.profile-icon-action:hover{transform:translateY(-1px)}
.profile-level-compact{display:flex;align-items:center;gap:13px;padding-left:22px;border-left:1px solid var(--pf-line)}.profile-level-ring{width:62px;height:62px;flex:0 0 62px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--pf-blue) 0deg,#e8edf5 0deg);position:relative}.profile-level-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.profile-level-ring span,.profile-level-ring strong{position:relative;z-index:1}.profile-level-ring span{font-size:7px;letter-spacing:.1em;color:#8490a2;font-weight:900}.profile-level-ring strong{font-size:19px;color:var(--pf-blue)}.profile-level-copy{min-width:0;flex:1}.profile-level-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8590a1;font-weight:850}.profile-level-copy>strong{display:block;margin:2px 0 7px;font-size:14px}.profile-level-progress{height:5px;background:#e9edf4;border-radius:99px;overflow:hidden}.profile-level-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3157d5,#6f8cff);border-radius:99px;transition:width .35s}.profile-level-copy small{display:block;margin-top:6px;color:#8a95a5;font-size:8px}
.profile-metrics{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 36px;border-bottom:1px solid var(--pf-line)}.profile-metrics>div{padding:22px 18px 24px;position:relative}.profile-metrics>div:first-child{padding-left:4px}.profile-metrics>div:not(:last-child):after{content:"";position:absolute;right:0;top:23px;bottom:23px;width:1px;background:var(--pf-line)}.profile-metrics span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#8490a2;font-weight:900}.profile-metrics strong{display:block;margin:4px 0 2px;font-size:27px;letter-spacing:-.025em}.profile-metrics small{display:block;color:#98a1af;font-size:8px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.profile-content-column{min-width:0}.profile-section{padding:0 0 36px;margin:0 0 36px;border-bottom:1px solid var(--pf-line)}.profile-section:last-child{border-bottom:0}.profile-section-heading,.profile-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.profile-section-heading.compact{margin-bottom:14px}.profile-kicker,.profile-history-heading>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--pf-blue);font-weight:900}.profile-section-heading h2,.profile-history-heading h2{margin:5px 0 3px;font-size:22px;letter-spacing:-.02em}.profile-section-heading p,.profile-history-heading p{margin:0;color:#7c8798;font-size:10px;line-height:1.5}.profile-section-count{text-align:right}.profile-section-count strong{display:block;font-size:21px;color:var(--pf-blue)}.profile-section-count span{display:block;color:#8a95a5;font-size:8px}
.profile-chart-switch{display:flex;gap:3px;padding:3px;background:#eef2f7;border-radius:10px}.profile-chart-switch button{border:0;background:transparent;color:#758196;padding:7px 11px;border-radius:8px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.profile-chart-switch button.is-active{background:#fff;color:var(--pf-blue);box-shadow:0 2px 8px rgba(27,43,73,.08)}.profile-chart-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 14px;padding:12px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.profile-chart-summary>div{padding:0 14px}.profile-chart-summary>div:first-child{padding-left:0}.profile-chart-summary>div:not(:last-child){border-right:1px solid #edf0f4}.profile-chart-summary span{display:block;color:#8a95a6;font-size:8px}.profile-chart-summary strong{display:block;margin-top:3px;font-size:16px}.profile-chart-wrap{height:270px;position:relative}.profile-performance-chart{width:100%;height:100%;display:block;overflow:visible}.profile-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8a95a5;font-size:11px}.profile-chart-empty[hidden]{display:none}.chart-grid{stroke:#e9edf3;stroke-width:1}.chart-axis-label{fill:#9aa4b2;font-size:10px}.chart-area{fill:url(#profileChartFill)}.chart-line{fill:none;stroke:#3157d5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-dot{fill:#fff;stroke:#3157d5;stroke-width:2;vector-effect:non-scaling-stroke}.chart-last-dot{fill:#3157d5;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke}.profile-journey-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;padding-top:18px;border-top:1px solid #edf0f4}.profile-journey-strip>div{display:flex;align-items:center;gap:9px}.profile-journey-strip>div>span{font-size:18px}.profile-journey-strip p{margin:0}.profile-journey-strip strong{display:block;font-size:13px}.profile-journey-strip small{display:block;margin-top:2px;color:#8a95a6;font-size:8px}.profile-record-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.profile-record-breakdown>div{padding:11px 0;border-top:2px solid #dbe3f7}.profile-record-breakdown strong{display:block;font-size:13px}.profile-record-breakdown span{display:block;margin-top:3px;color:#7d899a;font-size:8px;line-height:1.4}.profile-record-breakdown:empty:after{content:"Your personal records will appear here after your first saved test.";grid-column:1/-1;color:#8b95a4;font-size:10px;padding:12px 0;border-top:1px dashed #dbe2eb}
.profile-next-achievement{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--pf-blue);background:#f5f7fc;border-radius:0 10px 10px 0}.profile-next-achievement>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#7f8ba0;font-weight:850}.profile-next-achievement>div{display:flex;align-items:center;gap:10px;margin-top:6px}.profile-next-achievement b{font-size:20px}.profile-next-achievement strong{display:block;font-size:12px}.profile-next-achievement small{display:block;margin-top:2px;color:#7c8798;font-size:8px}.profile-achievements{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}.achievement-item{display:flex;gap:11px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #edf0f4;min-height:96px}.achievement-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#eef3ff;font-size:22px}.achievement-copy{min-width:0;flex:1}.achievement-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.achievement-top strong{font-size:11px}.achievement-top span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--pf-blue)}.achievement-copy p{margin:6px 0;color:#788497;font-size:8px;line-height:1.45}.achievement-copy small{color:#9aa3b1;font-size:7px}.achievement-item.is-locked{opacity:.48}.achievement-item.is-locked .achievement-icon{filter:grayscale(1)}
.profile-certificates{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}.certificate-item{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee9da}.certificate-medal{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#fff5d8;font-size:22px}.certificate-copy{min-width:0}.certificate-copy>span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#a4771d;font-weight:900}.certificate-copy h3{margin:4px 0 7px;font-size:12px}.certificate-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.certificate-stats b{padding:4px 6px;border-radius:6px;background:#fff7e3;color:#8c681b;font-size:7px}.certificate-copy small{display:block;color:#94866a;font-size:7px}.certificate-copy a{display:inline-flex;margin-top:8px;color:var(--pf-blue);font-size:8px;font-weight:850;text-decoration:none}.certificate-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px 0;color:#7f8999}.certificate-empty>b{font-size:24px}.certificate-empty strong{font-size:11px;color:#263044}.certificate-empty p{margin:3px 0 0;font-size:8px}.empty{color:#7d899b;font-size:10px}
.profile-sidebar{position:sticky;top:96px;display:grid;gap:22px}.profile-sidebar-overview{padding:20px;border-radius:18px;background:#17285e;color:#fff;box-shadow:0 12px 30px rgba(23,40,94,.13)}.profile-sidebar-title{display:flex;align-items:center;justify-content:space-between}.profile-sidebar-overview .profile-kicker{color:#b9c9ff}.profile-session-line{padding:17px 0 14px;border-bottom:1px solid rgba(255,255,255,.13)}.profile-session-line span{display:block;font-size:8px;opacity:.66}.profile-session-line strong{display:block;margin-top:3px;font-size:28px}.profile-sidebar-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}.profile-sidebar-meta span{display:block;font-size:7px;opacity:.6}.profile-sidebar-meta strong{display:block;margin-top:3px;font-size:9px}.status-good{color:#9ff0c9}.profile-completion-inline{padding-top:14px}.profile-completion-inline>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:8px}.profile-completion-inline .completion-bar{height:5px;margin-top:8px;background:rgba(255,255,255,.16);border-radius:99px;overflow:hidden}.profile-completion-inline .completion-bar i{display:block;height:100%;width:0;background:#fff;border-radius:99px;transition:width .3s}.profile-completion-inline p{margin:8px 0 0;font-size:7px;line-height:1.5;opacity:.66}.profile-edit-section{padding:0 2px}.profile-form label{display:block;margin:11px 0}.profile-form label>span{display:block;margin-bottom:5px;font-size:8px;font-weight:850;color:#4d586b}.profile-form input,.profile-form textarea{width:100%;border:1px solid #dce3ed;border-radius:10px;padding:10px 11px;background:#fff;color:#172033;font:inherit;font-size:10px;outline:none;transition:.15s}.profile-form input:focus,.profile-form textarea:focus{border-color:#91a7ef;box-shadow:0 0 0 3px rgba(49,87,213,.07)}.profile-form input[readonly]{background:#f3f5f8;color:#7b8595}.profile-form textarea{resize:vertical;min-height:80px}.profile-form label>small{display:block;text-align:right;margin-top:4px;color:#9aa4b3;font-size:7px}.profile-toggle-row{display:grid!important;grid-template-columns:1fr 42px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0;cursor:pointer}.profile-toggle-row>span{margin:0!important}.profile-toggle-row>span b{display:block;font-size:9px}.profile-toggle-row>span small{display:block;margin-top:3px;color:#7d899a;font-size:7px;line-height:1.4}.profile-toggle-row input{position:absolute;opacity:0;pointer-events:none}.profile-toggle-row>i{width:40px;height:22px;border-radius:99px;background:#cbd5e1;position:relative;transition:.18s}.profile-toggle-row>i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}.profile-toggle-row input:checked+i{background:var(--pf-blue)}.profile-toggle-row input:checked+i:after{transform:translateX(18px)}.profile-save{width:100%;margin-top:7px;border:0;border-radius:10px;padding:11px 13px;background:var(--pf-blue);color:#fff;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:10px}.profile-save:hover{background:#294bc0}.profile-save:disabled{opacity:.6;cursor:wait}.profile-photo-help{margin-top:11px;color:#8b96a6;font-size:7px;line-height:1.45}.profile-message{padding:9px 10px;border-radius:9px;font-size:8px;margin-bottom:10px}.profile-message.success{background:#ecfdf3;color:#15803d}.profile-message.error{background:#fef2f2;color:#b91c1c}
.profile-history .history-section{margin-top:0;padding:0;background:transparent;border:0;box-shadow:none}.profile-history .history-head>div>span,.profile-history .history-head>div>h2,.profile-history .history-head>div>p{display:none}.profile-history .history-head{justify-content:flex-end;margin-bottom:10px}.profile-history .history-refresh{font-size:8px;padding:7px 10px}.profile-history .history-summary{display:none}.profile-history .history-filters{background:#f7f9fc;border-radius:10px;padding:9px}.profile-history .history-table-wrap{border-radius:10px}.profile-history .history-table th,.profile-history .history-table td{font-size:8px;padding:9px}.profile-history .history-note{font-size:7px}
@media(max-width:1000px){.profile-hero{grid-template-columns:130px minmax(0,1fr)}.profile-level-compact{grid-column:2;padding:10px 0 0;border-left:0;max-width:320px}.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static;grid-template-columns:280px 1fr;align-items:start}.profile-edit-section{padding-left:10px}.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.profile-form .profile-toggle-row,.profile-form .profile-save{grid-column:1/-1}}
@media(max-width:720px){.profile-page-header{height:64px}.profile-page-back{font-size:10px}.profile-dashboard-shell{width:calc(100% - 22px);margin-top:20px}.profile-hero{grid-template-columns:1fr;text-align:center;padding-top:4px}.profile-photo-preview{width:108px;height:108px;font-size:34px}.profile-identity-top,.profile-hero-actions{justify-content:center}.profile-identity h1{font-size:28px}.profile-hero-bio{margin-left:auto;margin-right:auto}.profile-level-compact{grid-column:auto;border-top:1px solid var(--pf-line);padding:16px 0 0;justify-content:center;text-align:left}.profile-level-copy{max-width:220px}.profile-metrics{grid-template-columns:repeat(2,1fr)}.profile-metrics>div{padding:15px 10px}.profile-metrics>div:first-child{padding-left:10px}.profile-metrics>div:nth-child(2n):after{display:none}.profile-metrics>div:last-child{grid-column:1/-1;border-top:1px solid var(--pf-line)}.profile-metrics strong{font-size:22px}.profile-layout{gap:28px}.profile-section{padding-bottom:28px;margin-bottom:28px}.profile-section-heading{align-items:flex-start}.profile-chart-summary{grid-template-columns:repeat(2,1fr);row-gap:12px}.profile-chart-summary>div:nth-child(2){border-right:0}.profile-chart-summary>div:nth-child(n+3){padding-top:10px;border-top:1px solid #edf0f4}.profile-chart-wrap{height:220px}.profile-journey-strip{grid-template-columns:repeat(2,1fr);gap:14px}.profile-record-breakdown{grid-template-columns:repeat(2,1fr)}.profile-achievements,.profile-certificates{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr}.profile-edit-section{padding-left:0}.profile-form{display:block}}
@media(max-width:430px){.profile-page-brand img{width:150px}.profile-page-back{font-size:0}.profile-page-back:after{content:"← Test";font-size:10px}.profile-section-heading{display:block}.profile-chart-switch{margin-top:12px;width:max-content}.profile-record-breakdown{grid-template-columns:1fr}.profile-chart-wrap{height:200px}}

/* 2026-09-29 profile polish: clearer analytics, lighter overview, safer responsive layout. */
.profile-page-body{overflow-x:hidden}.profile-dashboard-shell{max-width:1180px}.profile-layout{min-width:0}.profile-sidebar{min-width:0}.standalone-header-actions{min-width:0}
.profile-sidebar-overview{padding:18px 2px 20px;border-radius:0;background:transparent;color:var(--pf-ink);box-shadow:none;border-top:2px solid #1f3f9d;border-bottom:1px solid var(--pf-line)}
.profile-sidebar-overview .profile-kicker{color:var(--pf-blue)}.profile-sidebar-overview .live-dot{box-shadow:0 0 0 4px rgba(31,182,120,.1)}.profile-session-line{border-bottom:1px solid var(--pf-line)}.profile-session-line span{color:#738095;opacity:1}.profile-session-line strong{color:#172033}.profile-session-help{display:block;margin-top:5px;color:#8994a4;font-size:8px;line-height:1.45}.profile-sidebar-meta{border-bottom:1px solid var(--pf-line)}.profile-sidebar-meta span{color:#8792a3;opacity:1}.profile-sidebar-meta strong{color:#273247}.profile-sidebar-meta .status-good{color:#15976a}.profile-completion-inline>div:first-child{color:#536076}.profile-completion-inline .completion-bar{background:#e6ebf3}.profile-completion-inline .completion-bar i{background:linear-gradient(90deg,#3157d5,#7891ec)}.profile-completion-inline p{color:#7f8a9b;opacity:1}
.profile-chart-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin:2px 0 6px}.profile-chart-controls label{display:flex;align-items:center;gap:7px;color:#7f8a9b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.profile-chart-controls select{height:30px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#344055;padding:0 8px;font:800 9px/1 inherit}.profile-chart-note{max-width:560px;color:#9a6b16;font-size:8px;line-height:1.4;text-align:right}.profile-chart-wrap{height:clamp(280px,30vw,340px);overflow:hidden}.profile-performance-chart{overflow:visible}.chart-value-label{fill:#3157d5;font-size:9px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.chart-value-label.is-outlier{fill:#a26a12}.chart-outlier-dot{stroke:#b9851e!important}.chart-x-label{font-size:8px}.profile-chart-details{margin-top:10px;border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4}.chart-detail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px}.chart-detail-head strong{font-size:10px}.chart-detail-head span{color:#8b95a5;font-size:8px}.chart-detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.chart-detail-row{display:grid;grid-template-columns:52px minmax(90px,.8fr) minmax(150px,1.3fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid #eef1f5}.chart-detail-index{color:#3157d5;font-size:8px;font-weight:850;text-transform:uppercase}.chart-detail-row b{display:block;font-size:9px;color:#273247}.chart-detail-row small{display:block;margin-top:2px;color:#8a95a5;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-photo-preview img{object-fit:contain;object-position:center}.profile-photo-preview{background:#fff}.profile-photo-preview>span{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#3157d5,#7b94ee)}
@media(max-width:1160px){.profile-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.profile-dashboard-shell{width:min(1080px,calc(100% - 30px))}}
@media(max-width:1000px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.profile-chart-note{max-width:430px}}
@media(max-width:720px){.profile-chart-controls{align-items:flex-start}.profile-chart-note{max-width:65%;text-align:right}.chart-detail-grid{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr}.profile-chart-wrap{height:260px}}
@media(max-width:480px){.profile-page-header{padding-left:12px;padding-right:12px}.profile-page-brand img{width:130px}.profile-chart-controls{display:block}.profile-chart-note{display:block;max-width:none;margin-top:7px;text-align:left}.chart-detail-row{grid-template-columns:46px 1fr}.chart-detail-row>span:last-child{grid-column:2}.profile-chart-wrap{height:235px}}
html[dir="rtl"] .profile-page-body{text-align:right}html[dir="rtl"] .profile-hero{direction:rtl}html[dir="rtl"] .profile-level-compact{padding-left:0;padding-right:22px;border-left:0;border-right:1px solid var(--pf-line)}html[dir="rtl"] .profile-section-count{text-align:left}html[dir="rtl"] .profile-chart-note{text-align:left}html[dir="rtl"] .profile-form label>small{text-align:left}
@media(max-width:430px){.profile-page-back{font-size:9px!important}.profile-page-back:after{content:none!important}}

/* ======================================================================
   FingerWPM Profile V11 — lively, colorful, readable, still spacious.
   Keeps the flat editorial layout (not a wall of cards) while adding
   stronger hierarchy, larger copy, color accents and subtle motion.
   ====================================================================== */
:root{
  --pf-blue:#3157d5;
  --pf-cyan:#0ea5e9;
  --pf-violet:#7c3aed;
  --pf-pink:#db2777;
  --pf-green:#059669;
  --pf-gold:#d08a12;
  --pf-red:#e34b4b;
  --pf-ink:#111a2d;
  --pf-muted:#66758d;
  --pf-line:#dfe6f1;
}
.profile-page-body{
  background:
    radial-gradient(circle at 8% 12%,rgba(14,165,233,.10),transparent 25rem),
    radial-gradient(circle at 92% 24%,rgba(124,58,237,.09),transparent 27rem),
    radial-gradient(circle at 78% 86%,rgba(5,150,105,.07),transparent 25rem),
    linear-gradient(180deg,#fbfdff 0%,#f7f9ff 44%,#fff 100%);
}
.profile-page-body:before,.profile-page-body:after{
  content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(12px);pointer-events:none;opacity:.7
}
.profile-page-body:before{width:220px;height:220px;left:-90px;top:32vh;background:rgba(49,87,213,.07)}
.profile-page-body:after{width:260px;height:260px;right:-110px;bottom:8vh;background:rgba(219,39,119,.055)}
.profile-page-header{box-shadow:0 8px 30px rgba(25,45,85,.045)}
.profile-dashboard-shell{margin-top:30px}

/* Hero: more personality without turning it into a large card. */
.profile-hero{
  position:relative;padding:28px 22px 34px;margin-bottom:4px;border:0;border-radius:26px;
  background:
    linear-gradient(115deg,rgba(49,87,213,.075),rgba(14,165,233,.035) 42%,rgba(124,58,237,.055));
  overflow:hidden
}
.profile-hero:before{content:"";position:absolute;inset:auto -70px -115px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.15),rgba(124,58,237,0) 67%);pointer-events:none}
.profile-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pf-blue),var(--pf-cyan),var(--pf-violet),var(--pf-pink));opacity:.9}
.profile-photo-preview{width:136px;height:136px;border:6px solid #fff;box-shadow:0 16px 42px rgba(49,87,213,.20),0 0 0 3px rgba(49,87,213,.13)}
.profile-photo-button{padding:8px 13px;font-size:12px;color:#40516e;border-color:#cfdaeb;box-shadow:0 4px 14px rgba(27,50,90,.05)}
.profile-online-pill,.profile-member-pill{font-size:11px;padding:6px 10px}
.profile-online-pill{background:#e9fbf4;color:#047857}.profile-member-pill{background:#eef3ff;color:#53627c}
.profile-identity h1{font-size:clamp(36px,4vw,48px);margin-top:11px;color:#111a2d}
.profile-handle{font-size:15px;background:linear-gradient(90deg,var(--pf-blue),var(--pf-violet));-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%}
.profile-hero-bio{font-size:15px;line-height:1.7;color:#5f6f88;margin-top:12px}
.profile-primary-action,.profile-secondary-action,.profile-icon-action{min-height:42px;font-size:12px;border-radius:12px}
.profile-primary-action{padding:0 19px;background:linear-gradient(100deg,var(--pf-blue),#5375e8);box-shadow:0 10px 24px rgba(49,87,213,.20)}
.profile-secondary-action{padding:0 17px;background:rgba(255,255,255,.8)}
.profile-icon-action{width:42px;background:rgba(255,255,255,.8)}
.profile-level-compact{position:relative;z-index:1}
.profile-level-ring{width:72px;height:72px;flex-basis:72px;background:conic-gradient(var(--pf-violet) 0deg,#e8edf5 0deg);box-shadow:0 8px 24px rgba(124,58,237,.12)}
.profile-level-ring:before{background:#fff}.profile-level-ring span{font-size:9px}.profile-level-ring strong{font-size:22px;color:var(--pf-violet)}
.profile-level-copy>span{font-size:10px;letter-spacing:.08em}.profile-level-copy>strong{font-size:17px;margin-top:4px}.profile-level-copy small{font-size:10px}.profile-level-progress{height:7px}.profile-level-progress i{background:linear-gradient(90deg,var(--pf-blue),var(--pf-violet),var(--pf-pink))}

/* Main numbers: large, colorful and easy to scan. */
.profile-metrics{margin:10px 0 42px;border-bottom:1px solid var(--pf-line)}
.profile-metrics>div{padding-top:26px;padding-bottom:28px}
.profile-metrics span{font-size:11px;letter-spacing:.07em;color:#64738b}
.profile-metrics strong{font-size:clamp(28px,3vw,36px);margin:7px 0 4px}
.profile-metrics small{font-size:11px;color:#8a96a8;line-height:1.35}
.profile-metrics>div:nth-child(1) strong{color:var(--pf-blue)}
.profile-metrics>div:nth-child(2) strong{color:var(--pf-green)}
.profile-metrics>div:nth-child(3) strong{color:var(--pf-violet)}
.profile-metrics>div:nth-child(4) strong{color:var(--pf-gold)}
.profile-metrics>div:nth-child(5) strong{color:var(--pf-cyan)}
.profile-metrics>div:before{content:"";position:absolute;left:18px;bottom:-2px;width:44px;height:3px;border-radius:99px;background:var(--pf-blue);opacity:.8}
.profile-metrics>div:first-child:before{left:4px}.profile-metrics>div:nth-child(2):before{background:var(--pf-green)}.profile-metrics>div:nth-child(3):before{background:var(--pf-violet)}.profile-metrics>div:nth-child(4):before{background:var(--pf-gold)}.profile-metrics>div:nth-child(5):before{background:var(--pf-cyan)}

/* Section typography — remove the tiny-text feeling. */
.profile-section{position:relative;padding-bottom:42px;margin-bottom:42px}
.profile-section-heading,.profile-history-heading{margin-bottom:24px}
.profile-kicker,.profile-history-heading>span{font-size:11px;letter-spacing:.11em}
.profile-section-heading h2,.profile-history-heading h2{font-size:clamp(25px,2.5vw,31px);margin:7px 0 6px;color:#111a2d}
.profile-section-heading p,.profile-history-heading p{font-size:13px;line-height:1.65;color:#718097;max-width:680px}
.profile-section-count strong{font-size:26px}.profile-section-count span{font-size:11px}
.profile-section:before{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--pf-blue),transparent)}
.profile-section:nth-of-type(2):before{background:linear-gradient(90deg,var(--pf-violet),transparent)}
.profile-section:nth-of-type(3):before{background:linear-gradient(90deg,var(--pf-gold),transparent)}

/* Analytics becomes the visual centerpiece. */
.profile-analytics-section{padding:26px 28px 32px;border:1px solid rgba(49,87,213,.11);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,249,255,.72));box-shadow:0 18px 50px rgba(39,62,115,.06)}
.profile-chart-switch{padding:4px;background:#edf2ff;border:1px solid #e1e8fb;border-radius:12px}
.profile-chart-switch button{font-size:11px;padding:9px 14px}.profile-chart-switch button.is-active{color:#fff;background:linear-gradient(100deg,var(--pf-blue),var(--pf-violet));box-shadow:0 6px 16px rgba(49,87,213,.18)}
.profile-chart-summary{padding:16px 0;margin-bottom:14px;border-color:#e4eaf5}
.profile-chart-summary span{font-size:11px;color:#738199}.profile-chart-summary strong{font-size:20px;margin-top:5px}
.profile-chart-summary>div:nth-child(1) strong{color:var(--pf-blue)}.profile-chart-summary>div:nth-child(2) strong{color:var(--pf-green)}.profile-chart-summary>div:nth-child(3) strong{color:var(--pf-violet)}.profile-chart-summary>div:nth-child(4) strong{color:var(--pf-cyan)}
.profile-chart-controls label{font-size:10px}.profile-chart-controls select{height:34px;font-size:11px;border-radius:10px}.profile-chart-note{font-size:10px}
.profile-chart-wrap{margin-top:8px;padding:8px 8px 0;border-radius:18px;background:linear-gradient(180deg,rgba(49,87,213,.035),rgba(255,255,255,.28))}
.chart-axis-label{font-size:11px}.chart-value-label{font-size:10px}.chart-x-label{font-size:9px}.chart-grid{stroke:#dde5f2}.chart-line{stroke:#3157d5;stroke-width:3.5}.chart-dot{stroke-width:2.4}
.profile-chart-details{margin-top:15px}.chart-detail-head strong{font-size:13px}.chart-detail-head span{font-size:10px}.chart-detail-index{font-size:10px}.chart-detail-row b{font-size:11px}.chart-detail-row small{font-size:9px}
.profile-journey-strip{gap:12px;margin-top:22px;padding-top:22px}
.profile-journey-strip>div>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#eef3ff}
.profile-journey-strip>div:nth-child(1)>span{background:#fff0e8}.profile-journey-strip>div:nth-child(2)>span{background:#ecf8ff}.profile-journey-strip>div:nth-child(3)>span{background:#f0ecff}.profile-journey-strip>div:nth-child(4)>span{background:#fff6dc}
.profile-journey-strip strong{font-size:16px}.profile-journey-strip small{font-size:10px;color:#7b889c}
.profile-record-breakdown>div{padding:14px 4px;border-top-width:3px}.profile-record-breakdown>div:nth-child(2){border-top-color:#d9f1e8}.profile-record-breakdown>div:nth-child(3){border-top-color:#eadfff}.profile-record-breakdown strong{font-size:15px}.profile-record-breakdown span{font-size:10px;line-height:1.5}

/* Milestones / rewards: colorful badges, still an open list rather than cards. */
.profile-next-achievement{padding:15px 17px;border-left:4px solid var(--pf-violet);background:linear-gradient(90deg,#f5f1ff,#fbfaff);border-radius:0 14px 14px 0}
.profile-next-achievement>span{font-size:10px}.profile-next-achievement b{font-size:25px}.profile-next-achievement strong{font-size:14px}.profile-next-achievement small{font-size:10px}
.achievement-item{padding:18px 4px;min-height:112px;transition:transform .18s ease,background .18s ease}.achievement-item:hover{transform:translateX(3px);background:linear-gradient(90deg,rgba(49,87,213,.025),transparent)}
.achievement-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px;font-size:27px;box-shadow:0 8px 20px rgba(49,87,213,.08)}
.achievement-item:nth-child(4n+1) .achievement-icon{background:#eaf2ff}.achievement-item:nth-child(4n+2) .achievement-icon{background:#ecfbf4}.achievement-item:nth-child(4n+3) .achievement-icon{background:#f4edff}.achievement-item:nth-child(4n+4) .achievement-icon{background:#fff5df}
.achievement-top strong{font-size:14px}.achievement-top span{font-size:9px}.achievement-copy p{font-size:11px;line-height:1.55}.achievement-copy small{font-size:10px}
.certificate-item{padding:20px 4px}.certificate-medal{width:54px;height:54px;flex-basis:54px;font-size:28px;background:linear-gradient(145deg,#fff3c4,#fff9e9);box-shadow:0 9px 22px rgba(208,138,18,.11)}
.certificate-copy>span{font-size:10px}.certificate-copy h3{font-size:15px;margin-top:6px}.certificate-stats b{font-size:10px;padding:5px 8px}.certificate-copy small{font-size:10px}.certificate-copy a{font-size:11px}.certificate-empty strong{font-size:14px}.certificate-empty p{font-size:11px}

/* Sidebar / edit area: lively accents and readable form labels. */
.profile-sidebar-overview{padding:22px 18px 24px;border-top:0;border-radius:20px;background:linear-gradient(145deg,#f3f7ff,#fbf8ff);border:1px solid #e0e8f7;box-shadow:0 14px 34px rgba(48,71,120,.06)}
.profile-sidebar-overview .profile-kicker{font-size:10px}.profile-session-line{padding:18px 0}.profile-session-line span{font-size:11px}.profile-session-line strong{font-size:34px;background:linear-gradient(90deg,var(--pf-blue),var(--pf-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.profile-session-help{font-size:10px;line-height:1.5}.profile-sidebar-meta span{font-size:10px}.profile-sidebar-meta strong{font-size:12px}.profile-completion-inline>div:first-child{font-size:10px}.profile-completion-inline .completion-bar{height:7px}.profile-completion-inline .completion-bar i{background:linear-gradient(90deg,var(--pf-blue),var(--pf-cyan),var(--pf-violet))}.profile-completion-inline p{font-size:10px}
.profile-edit-section{padding-top:4px}.profile-form label>span{font-size:11px}.profile-form input,.profile-form textarea{font-size:12px;padding:12px 13px;border-radius:12px}.profile-form label>small{font-size:9px}.profile-toggle-row>span b{font-size:12px}.profile-toggle-row>span small{font-size:10px}.profile-save{font-size:12px;padding:13px 15px;border-radius:12px;background:linear-gradient(100deg,var(--pf-blue),var(--pf-violet));box-shadow:0 9px 22px rgba(49,87,213,.14)}.profile-photo-help{font-size:10px}.profile-message{font-size:11px}

/* History embedded in profile. */
.profile-history .history-refresh{font-size:10px;padding:9px 12px}.profile-history .history-filters{background:linear-gradient(90deg,#f5f8ff,#fafbff);border:1px solid #e7ecf6}.profile-history .history-table th{font-size:9px}.profile-history .history-table td{font-size:10px}.profile-history .history-note{font-size:10px}

@media(max-width:1000px){.profile-hero{padding-left:18px;padding-right:18px}.profile-analytics-section{padding:22px}.profile-sidebar-overview{padding:20px}}
@media(max-width:720px){
  .profile-hero{padding:24px 16px 28px}.profile-photo-preview{width:116px;height:116px}.profile-handle{margin-left:auto;margin-right:auto}.profile-hero-bio{font-size:14px}.profile-metrics span,.profile-metrics small{font-size:10px}.profile-metrics>div:before{left:10px}.profile-metrics>div:first-child:before{left:10px}.profile-analytics-section{padding:19px 14px;border-radius:19px}.profile-chart-summary span{font-size:10px}.profile-chart-summary strong{font-size:18px}.profile-journey-strip strong{font-size:14px}.profile-journey-strip small{font-size:9px}.profile-sidebar-overview{border-radius:16px}.achievement-top strong{font-size:13px}.achievement-copy p{font-size:10px}
}
@media(max-width:430px){.profile-identity h1{font-size:32px}.profile-section-heading h2,.profile-history-heading h2{font-size:25px}.profile-section-heading p,.profile-history-heading p{font-size:12px}.profile-metrics strong{font-size:26px}.profile-chart-switch button{font-size:10px;padding:8px 11px}.profile-journey-strip>div>span{width:36px;height:36px}.profile-sidebar-overview{padding:18px 15px}}
@media(prefers-reduced-motion:reduce){.profile-primary-action,.profile-secondary-action,.profile-icon-action,.achievement-item{transition:none}}

/* FingerWPM V15 — medium analytics sizing (desktop/tablet).
   Keep the chart informative without letting it dominate the profile page. */
@media (min-width:761px){
  .profile-analytics-section{padding:20px 22px 24px;border-radius:20px}
  .profile-analytics-section .profile-section-heading{margin-bottom:18px}
  .profile-analytics-section .profile-section-heading h2{font-size:26px}
  .profile-analytics-section .profile-section-heading p{font-size:12px}
  .profile-chart-switch button{font-size:10px;padding:8px 12px}
  .profile-chart-summary{padding:12px 0;margin-bottom:11px}
  .profile-chart-summary span{font-size:10px}
  .profile-chart-summary strong{font-size:18px;margin-top:4px}
  .profile-chart-controls{margin:0 0 4px}
  .profile-chart-controls label{font-size:9px}
  .profile-chart-controls select{height:31px;font-size:10px}
  .profile-chart-note{font-size:9px}
  .profile-chart-wrap{height:245px;margin-top:4px;padding:4px 6px 0;border-radius:15px}
  .chart-axis-label{font-size:10px}
  .chart-value-label{font-size:9px}
  .chart-x-label{font-size:8px}
  .profile-chart-details{margin-top:10px}
}

/* ======================================================================
   FingerWPM V18 — proportional analytics + elegant open profile header.
   ====================================================================== */
.profile-hero{padding:24px 0 30px!important;margin-bottom:8px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;border-bottom:1px solid var(--pf-line)!important}
.profile-hero:before{display:none!important}.profile-hero:after{height:2px!important;opacity:.72!important}
.profile-photo-preview{width:124px!important;height:124px!important;box-shadow:0 12px 30px rgba(49,87,213,.14),0 0 0 2px rgba(49,87,213,.10)!important}
.profile-level-compact{padding:4px 0 4px 24px!important;align-self:stretch;justify-content:center}.profile-level-ring{width:66px!important;height:66px!important;flex-basis:66px!important;box-shadow:none!important}.profile-level-copy>strong{font-size:16px!important}.profile-level-copy>span{font-size:9px!important}.profile-level-copy small{font-size:9px!important}
.profile-analytics-section{padding:0 0 34px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.profile-analytics-section .profile-section-heading{padding:0 0 18px;margin-bottom:0!important;border-bottom:1px solid #e4eaf3}
.profile-chart-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:18px 0!important;margin:0 0 14px!important;border-top:0!important;border-bottom:1px solid #e4eaf3!important}.profile-chart-summary>div{min-width:0;padding:2px 20px!important;position:relative}.profile-chart-summary>div:first-child{padding-left:0!important}.profile-chart-summary>div:not(:last-child){border-right:1px solid #e4eaf3!important}.profile-chart-summary>div:before{content:"";position:absolute;left:20px;top:-2px;width:26px;height:3px;border-radius:10px;background:var(--pf-blue)}.profile-chart-summary>div:first-child:before{left:0}.profile-chart-summary>div:nth-child(2):before{background:var(--pf-green)}.profile-chart-summary>div:nth-child(3):before{background:var(--pf-violet)}.profile-chart-summary>div:nth-child(4):before{background:var(--pf-cyan)}.profile-chart-summary span{font-size:10px!important;line-height:1.35}.profile-chart-summary strong{font-size:20px!important;line-height:1.15;margin-top:8px!important}
.profile-chart-controls{margin:0 0 10px!important}.profile-chart-wrap{height:238px!important;margin-top:0!important;padding:8px 10px 0!important;border:1px solid #e8edf5!important;border-radius:14px!important;background:#fbfcff!important}
.profile-chart-details{margin-top:14px!important;padding-top:0;border-bottom:1px solid #e8edf4}.chart-detail-head{padding:10px 0!important}.chart-detail-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:0!important}.chart-detail-row{display:block!important;min-width:0;padding:11px 14px!important;border-top:1px solid #eef1f5!important;border-right:1px solid #eef1f5}.chart-detail-row:nth-child(4n){border-right:0}.chart-detail-index{display:block;margin-bottom:5px}.chart-detail-row>span{display:block}.chart-detail-row>span+span{margin-top:5px}.chart-detail-row b{font-size:10px!important}.chart-detail-row small{font-size:8px!important;white-space:normal!important;line-height:1.35}
.profile-journey-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin-top:18px!important;padding-top:0!important;border-top:1px solid #e5eaf2!important;border-bottom:1px solid #e5eaf2}.profile-journey-strip>div{min-width:0;padding:16px 18px!important;border-right:1px solid #e5eaf2}.profile-journey-strip>div:first-child{padding-left:0!important}.profile-journey-strip>div:last-child{border-right:0}.profile-journey-strip>div>span{width:36px!important;height:36px!important;border-radius:11px!important;font-size:18px!important}.profile-journey-strip strong{font-size:14px!important}.profile-journey-strip small{font-size:9px!important}
.profile-record-breakdown{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin-top:18px!important}.profile-record-breakdown>div{min-width:0;padding:12px 16px!important;border-top:2px solid #dbe3f7;border-right:1px solid #edf0f5}.profile-record-breakdown>div:nth-child(4n){border-right:0}.profile-record-breakdown>div:first-child{padding-left:0!important}
@media(max-width:900px){.profile-chart-details .chart-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chart-detail-row:nth-child(4n){border-right:1px solid #eef1f5}.chart-detail-row:nth-child(2n){border-right:0}.profile-record-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-record-breakdown>div:nth-child(4n){border-right:1px solid #edf0f5}.profile-record-breakdown>div:nth-child(2n){border-right:0}}
@media(max-width:720px){.profile-hero{padding:18px 0 24px!important}.profile-level-compact{padding:16px 0 0!important}.profile-chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-chart-summary>div{padding:12px!important}.profile-chart-summary>div:first-child{padding-left:12px!important}.profile-chart-summary>div:nth-child(2){border-right:0!important}.profile-chart-summary>div:nth-child(n+3){border-top:1px solid #e8edf4}.profile-chart-summary>div:before{left:12px;top:7px!important}.profile-chart-summary>div:first-child:before{left:12px}.profile-chart-wrap{height:220px!important}.profile-journey-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-journey-strip>div{padding:14px 12px!important}.profile-journey-strip>div:nth-child(2){border-right:0}.profile-journey-strip>div:nth-child(-n+2){border-bottom:1px solid #e5eaf2}.profile-journey-strip>div:first-child{padding-left:12px!important}}
@media(max-width:500px){.profile-chart-details .chart-detail-grid{grid-template-columns:1fr!important}.chart-detail-row{border-right:0!important}.profile-record-breakdown{grid-template-columns:1fr!important}.profile-record-breakdown>div{border-right:0!important;padding-left:0!important}}

/* v20 — crisp symbolic analytics icons (inline SVG, no external icon library) */
.profile-journey-strip .journey-icon,.public-journey-strip .journey-icon{display:grid!important;place-items:center;flex:0 0 auto;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid transparent;box-shadow:0 6px 16px rgba(24,39,75,.07);font-size:0!important}
.profile-journey-strip .journey-icon svg,.public-journey-strip .journey-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-journey-strip .journey-icon-streak,.public-journey-strip .journey-icon-streak{color:#f97316;background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;border-color:#fed7aa}
.profile-journey-strip .journey-icon-days,.public-journey-strip .journey-icon-days{color:#0284c7;background:linear-gradient(145deg,#f0f9ff,#e0f2fe)!important;border-color:#bae6fd}
.profile-journey-strip .journey-icon-time{color:#7c3aed;background:linear-gradient(145deg,#f5f3ff,#ede9fe)!important;border-color:#ddd6fe}
.profile-journey-strip .journey-icon-award{color:#ca8a04;background:linear-gradient(145deg,#fffbeb,#fef3c7)!important;border-color:#fde68a}
.public-journey-strip .journey-icon-speed{color:#7c3aed;background:linear-gradient(145deg,#f5f3ff,#ede9fe)!important;border-color:#ddd6fe}
.public-journey-strip .journey-icon-accuracy{color:#059669;background:linear-gradient(145deg,#ecfdf5,#d1fae5)!important;border-color:#a7f3d0}
@media(max-width:760px){.profile-journey-strip .journey-icon,.public-journey-strip .journey-icon{width:36px!important;height:36px!important;border-radius:11px!important}.profile-journey-strip .journey-icon svg,.public-journey-strip .journey-icon svg{width:19px;height:19px}}

/* v22: clearer persistent active-time metric; the per-visit timer was intentionally removed. */
.profile-metrics>div:last-child small{max-width:210px;line-height:1.35}

/* v23 — force outline-only SVG icons. Explicit child rules prevent browser/global SVG fill rules from turning icons into black blobs. */
.profile-journey-strip .journey-icon svg,.public-journey-strip .journey-icon svg{fill:none!important;stroke:currentColor!important}
.profile-journey-strip .journey-icon svg path,.profile-journey-strip .journey-icon svg rect,.profile-journey-strip .journey-icon svg circle,.profile-journey-strip .journey-icon svg line,.profile-journey-strip .journey-icon svg polyline,.public-journey-strip .journey-icon svg path,.public-journey-strip .journey-icon svg rect,.public-journey-strip .journey-icon svg circle,.public-journey-strip .journey-icon svg line,.public-journey-strip .journey-icon svg polyline{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke}
/* v31 verified certificate levels */
.certificate-medal{font-family:Inter,system-ui,sans-serif;font-weight:950;font-size:17px!important;color:#fff;background:#3157d5!important}.certificate-medal.cert-level-bronze{background:linear-gradient(145deg,#b87333,#8a4f1d)!important}.certificate-medal.cert-level-silver{background:linear-gradient(145deg,#b8c1cc,#75808d)!important}.certificate-medal.cert-level-gold{background:linear-gradient(145deg,#f2c94c,#b98512)!important}.certificate-medal.cert-level-platinum{background:linear-gradient(145deg,#72a6b7,#3f7185)!important}.certificate-medal.cert-level-elite{background:linear-gradient(145deg,#5b62e8,#2435a7)!important}

/* v32 — progression, skill profile and privacy controls */
.profile-level-xp{font-weight:850;color:var(--pf-blue)!important;margin-top:5px!important}.profile-share-action{cursor:pointer;font-family:inherit}.profile-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:26px;padding-top:24px;border-top:1px solid var(--pf-line)}.profile-insight-panel{min-width:0}.profile-insight-head>span{font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--pf-blue)}.profile-insight-head h3{margin:5px 0 16px;font-size:17px}.profile-skill-breakdown{display:grid;gap:13px}.skill-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.skill-row span{font-size:10px;font-weight:800;color:var(--pf-muted)}.skill-row strong{font-size:10px}.skill-track{height:7px;margin-top:6px;border-radius:99px;background:#e8edf5;overflow:hidden}.skill-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3157d5,#6f8cff)}.skill-track .skill-accuracy{background:linear-gradient(90deg,#15976a,#3fc995)}.skill-track .skill-consistency{background:linear-gradient(90deg,#7c3aed,#a878ff)}.skill-track .skill-endurance{background:linear-gradient(90deg,#d97706,#f3b33d)}.profile-formula-note{margin:13px 0 0;color:var(--pf-muted);font-size:8px;line-height:1.5}.achievement-progress,.next-achievement-progress{height:4px;margin:7px 0 4px;background:#e8edf5;border-radius:99px;overflow:hidden}.achievement-progress i,.next-achievement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pf-blue),#7b8ff1)}.profile-pending-certificates{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:12px 14px;border:1px solid #f0cf80;border-radius:11px;background:#fff9e9;color:#725719;font-size:9px}.profile-pending-certificates strong{font-size:11px}.profile-privacy-controls{border:0;padding:0;margin:18px 0 0}.profile-privacy-controls legend{width:100%;padding:0 0 8px;border-bottom:1px solid var(--pf-line);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-blue)}.profile-toggle-row.compact{padding:11px 0!important}.profile-toggle-row.compact b{font-size:10px}.profile-toggle-row.compact small{font-size:8px}.profile-privacy-controls.is-disabled{opacity:.5}.profile-metrics>div:last-child small{max-width:none!important}
@media(max-width:760px){.profile-insight-grid{grid-template-columns:1fr;gap:24px}.profile-pending-certificates{align-items:flex-start;flex-direction:column}}
.achievement-icon svg,.profile-next-achievement svg{width:22px;height:22px;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-next-achievement b{display:grid;place-items:center;width:30px;height:30px;color:var(--pf-blue)}

/* FingerWPM chart readability upgrade */
.profile-analytics-section,.public-analytics-section{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid #e7ecf5;border-radius:22px;padding:24px!important;box-shadow:0 14px 40px rgba(36,55,92,.06)}
.profile-chart-summary,.public-chart-summary{gap:10px!important;border:0!important;padding:0!important;margin:18px 0!important}
.profile-chart-summary>div,.public-chart-summary>div{background:#f7f9fd;border:1px solid #e8edf6!important;border-radius:14px;padding:12px 14px!important}
.profile-chart-summary span,.public-chart-summary span{font-size:9px!important;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.profile-chart-summary strong,.public-chart-summary strong{font-size:20px!important;color:#1f2c46}
.profile-chart-wrap,.public-chart-wrap{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:10px 8px 2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.chart-grid{stroke:#e6ebf3!important;stroke-dasharray:4 5}.chart-axis-label{fill:#7d899b!important;font-size:10px!important;font-weight:650}.chart-x-label{font-size:9px!important}
.chart-line{stroke-width:4!important;filter:drop-shadow(0 3px 5px rgba(49,87,213,.16))}.chart-dot{stroke-width:3!important}.chart-last-dot{r:6px}
.chart-value-label{font-size:10px!important;font-weight:900!important}
.profile-chart-controls select,.public-chart-controls select{height:36px!important;border-radius:10px!important;font-size:10px!important;padding:0 12px!important}
@media(max-width:720px){.profile-analytics-section,.public-analytics-section{padding:16px!important;border-radius:16px}.profile-chart-summary,.public-chart-summary{grid-template-columns:repeat(2,1fr)!important}}

/* v41 — premium certificate row: no card, custom vector medal */
.profile-certificates{grid-template-columns:1fr!important;max-width:760px}
.certificate-item{position:relative;display:grid!important;grid-template-columns:76px minmax(0,1fr);gap:20px!important;padding:24px 0!important;border:0!important;border-bottom:1px solid #e8edf5!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.certificate-medal{position:relative;width:72px!important;height:72px!important;flex-basis:72px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:grid!important;place-items:center;color:#3157d5!important}
.certificate-medal-svg{width:72px;height:72px;overflow:visible}.certificate-medal-svg *{vector-effect:non-scaling-stroke}.certificate-medal-svg .medal-ribbon{fill:currentColor;opacity:.88;stroke:none!important}.certificate-medal-svg .medal-ring{fill:#fff;stroke:currentColor!important;stroke-width:2.2!important}.certificate-medal-svg .medal-core{fill:currentColor;opacity:.14;stroke:currentColor!important;stroke-width:1.2!important}.certificate-medal-svg .medal-shine,.certificate-medal-svg .medal-laurel{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round}.certificate-medal>span{position:absolute;top:20px;left:0;right:0;text-align:center;color:currentColor;font:900 17px/1 Inter,system-ui,sans-serif}.certificate-medal.cert-level-bronze{color:#a85d25!important}.certificate-medal.cert-level-silver{color:#8290a0!important}.certificate-medal.cert-level-gold{color:#d59b12!important}.certificate-medal.cert-level-platinum{color:#3f879f!important}.certificate-medal.cert-level-elite{color:#4a4fd2!important}.certificate-copy>span{display:inline-flex;align-items:center;gap:6px;font-size:9px!important;color:#3157d5!important;letter-spacing:.14em!important}.certificate-copy>span:before{content:"";width:14px;height:14px;background:currentColor;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%)}.certificate-copy h3{font-size:17px!important;margin:5px 0 9px!important}.certificate-stats{gap:12px!important;margin:0 0 9px!important}.certificate-stats b{padding:0!important;background:none!important;border-radius:0!important;font-size:10px!important;color:#58677d!important}.certificate-stats b+b:before{content:"•";margin-right:12px;color:#b4bdca}.certificate-copy small{font-size:10px!important;color:#8995a7!important}.certificate-copy a{font-size:11px!important;margin-top:10px!important;gap:6px}.certificate-copy a:after{content:"→"}.certificate-empty>b{font-size:0}.certificate-empty>b:before{content:"◇";font-size:24px;color:#3157d5}@media(max-width:620px){.certificate-item{grid-template-columns:58px minmax(0,1fr);gap:14px!important}.certificate-medal,.certificate-medal-svg{width:56px!important;height:56px!important}.certificate-medal>span{top:16px;font-size:14px}.certificate-stats{gap:7px!important}.certificate-stats b+b:before{margin-right:7px}}

/* v42 — certificate presentation polish (DESIGN ONLY; no markup/JS changes) */
.profile-certificates{display:grid!important;grid-template-columns:1fr!important;max-width:760px!important}
.profile-certificates .certificate-item{position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;padding:26px 6px!important;border:0!important;border-bottom:1px solid rgba(176,145,77,.22)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.profile-certificates .certificate-item:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:3px;border-radius:999px;background:linear-gradient(180deg,#c8d0da,#8f9baa);opacity:.85}
.profile-certificates .certificate-medal{width:68px!important;height:68px!important;flex-basis:68px!important;margin-left:8px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#eef2f6 0%,#aeb8c4 48%,#7d8997 100%)!important;border:3px solid #f8fafc!important;outline:1px solid rgba(115,127,143,.35)!important;box-shadow:0 10px 24px rgba(43,57,75,.14),inset 0 2px 5px rgba(255,255,255,.75)!important;color:#fff!important;font:900 20px/1 Inter,system-ui,sans-serif!important;position:relative!important}
.profile-certificates .certificate-medal:before,.profile-certificates .certificate-medal:after{content:"";position:absolute;z-index:-1;bottom:-14px;width:17px;height:27px;background:#3157d5;clip-path:polygon(0 0,100% 0,82% 100%,50% 75%,18% 100%)}
.profile-certificates .certificate-medal:before{left:11px;transform:rotate(8deg)}.profile-certificates .certificate-medal:after{right:11px;transform:rotate(-8deg)}
.profile-certificates .certificate-medal.cert-level-bronze{background:linear-gradient(145deg,#d49a68,#a75f2b 55%,#77401d)!important}.profile-certificates .certificate-medal.cert-level-silver{background:linear-gradient(145deg,#edf2f7,#aab5c2 52%,#7c8998)!important}.profile-certificates .certificate-medal.cert-level-gold{background:linear-gradient(145deg,#ffe9a1,#e0aa24 54%,#b77b09)!important}.profile-certificates .certificate-medal.cert-level-platinum{background:linear-gradient(145deg,#d8f2f7,#68a7ba 52%,#39768b)!important}.profile-certificates .certificate-medal.cert-level-elite{background:linear-gradient(145deg,#8c8fff,#4d56db 52%,#2936a8)!important}
.profile-certificates .certificate-copy{min-width:0!important}.profile-certificates .certificate-copy>span{display:flex!important;align-items:center!important;gap:7px!important;color:#9b6b12!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important}.profile-certificates .certificate-copy>span:before{content:"✓"!important;display:grid!important;place-items:center!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#3157d5!important;color:#fff!important;font-size:10px!important;clip-path:none!important}
.profile-certificates .certificate-copy h3{margin:6px 0 10px!important;font-size:18px!important;line-height:1.25!important;color:#172238!important}.profile-certificates .certificate-stats{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 10px!important}.profile-certificates .certificate-stats b{padding:6px 10px!important;border:1px solid rgba(206,161,65,.14)!important;border-radius:9px!important;background:#fff7e7!important;color:#8a6219!important;font-size:10px!important;font-weight:850!important}.profile-certificates .certificate-stats b+b:before{content:none!important}.profile-certificates .certificate-copy small{display:block!important;color:#95866b!important;font-size:10px!important;line-height:1.5!important}.profile-certificates .certificate-copy a{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:10px!important;color:#3157d5!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}.profile-certificates .certificate-copy a:after{content:"→"!important;transition:transform .18s ease}.profile-certificates .certificate-copy a:hover:after{transform:translateX(3px)}
@media(max-width:620px){.profile-certificates .certificate-item{grid-template-columns:64px minmax(0,1fr)!important;gap:15px!important;padding:22px 0!important}.profile-certificates .certificate-item:before{display:none}.profile-certificates .certificate-medal{width:58px!important;height:58px!important;flex-basis:58px!important;margin-left:0!important;font-size:17px!important}.profile-certificates .certificate-copy h3{font-size:16px!important}.profile-certificates .certificate-stats b{padding:5px 8px!important}}

/* FingerWPM certificate visual refresh — design only, 2026-09-30 */
.profile-page-body #profile-certificates.profile-certificates{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(390px,1fr))!important;gap:18px!important;margin-top:22px!important}
.profile-page-body #profile-certificates .certificate-item{position:relative!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;min-height:154px!important;padding:24px 28px!important;border:1px solid rgba(49,87,213,.13)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,255,.78))!important;box-shadow:0 14px 38px rgba(34,52,88,.07)!important;overflow:hidden!important}
.profile-page-body #profile-certificates .certificate-item:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:5px!important;background:linear-gradient(180deg,#3157d5,#7a5cff)!important;border-radius:22px 0 0 22px!important}
.profile-page-body #profile-certificates .certificate-medal{position:relative!important;isolation:isolate!important;width:78px!important;height:78px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:50%!important;border:4px solid rgba(255,255,255,.95)!important;outline:1px solid rgba(110,124,145,.25)!important;background:linear-gradient(145deg,#f4f7fa,#b7c1cc 47%,#7f8c9b)!important;box-shadow:0 12px 24px rgba(44,58,77,.18),inset 0 2px 5px rgba(255,255,255,.9)!important;color:#fff!important;font:900 22px/1 Inter,system-ui,sans-serif!important}
.profile-page-body #profile-certificates .certificate-medal:before,.profile-page-body #profile-certificates .certificate-medal:after{content:""!important;position:absolute!important;z-index:-1!important;bottom:-22px!important;width:22px!important;height:35px!important;background:linear-gradient(180deg,#3157d5,#2447bd)!important;clip-path:polygon(0 0,100% 0,82% 100%,50% 76%,18% 100%)!important}.profile-page-body #profile-certificates .certificate-medal:before{left:13px!important;transform:rotate(8deg)!important}.profile-page-body #profile-certificates .certificate-medal:after{right:13px!important;transform:rotate(-8deg)!important}
.profile-page-body #profile-certificates .certificate-copy{min-width:0!important;position:relative!important;z-index:1!important}.profile-page-body #profile-certificates .certificate-copy>span{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#9a6a12!important;font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}.profile-page-body #profile-certificates .certificate-copy>span:before{content:"✓"!important;display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#3157d5!important;color:#fff!important;font-size:10px!important;letter-spacing:0!important;clip-path:none!important}.profile-page-body #profile-certificates .certificate-copy h3{margin:7px 0 11px!important;color:#172238!important;font-size:18px!important;line-height:1.25!important}.profile-page-body #profile-certificates .certificate-stats{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 11px!important}.profile-page-body #profile-certificates .certificate-stats b{padding:6px 10px!important;border:1px solid rgba(205,164,76,.16)!important;border-radius:999px!important;background:#fff8e9!important;color:#8b641a!important;font-size:10px!important;font-weight:850!important}.profile-page-body #profile-certificates .certificate-stats b+b:before{content:none!important}.profile-page-body #profile-certificates .certificate-copy small{display:block!important;color:#8c97a8!important;font-size:10px!important}.profile-page-body #profile-certificates .certificate-copy a{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:12px!important;padding:8px 12px!important;border-radius:10px!important;background:#3157d5!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(49,87,213,.18)!important}.profile-page-body #profile-certificates .certificate-copy a:after{content:"→"!important}
@media(max-width:620px){.profile-page-body #profile-certificates.profile-certificates{grid-template-columns:1fr!important}.profile-page-body #profile-certificates .certificate-item{grid-template-columns:66px minmax(0,1fr)!important;gap:15px!important;padding:20px 18px!important;border-radius:18px!important}.profile-page-body #profile-certificates .certificate-medal{width:60px!important;height:60px!important;font-size:17px!important}.profile-page-body #profile-certificates .certificate-medal:before,.profile-page-body #profile-certificates .certificate-medal:after{bottom:-16px!important;width:17px!important;height:27px!important}.profile-page-body #profile-certificates .certificate-medal:before{left:10px!important}.profile-page-body #profile-certificates .certificate-medal:after{right:10px!important}.profile-page-body #profile-certificates .certificate-copy h3{font-size:16px!important}}

/* v44 — certificate flat layout: no card, design only */
.profile-page-body #profile-certificates.profile-certificates{display:block!important;max-width:760px!important;margin-top:6px!important}
.profile-page-body #profile-certificates .certificate-item{position:relative!important;display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:20px!important;align-items:center!important;min-height:0!important;padding:24px 0 28px!important;border:0!important;border-bottom:1px solid rgba(148,134,106,.20)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.profile-page-body #profile-certificates .certificate-item:before{content:none!important;display:none!important}
.profile-page-body #profile-certificates .certificate-medal{width:62px!important;height:62px!important;margin:0 0 10px 2px!important;border:3px solid #fff!important;outline:1px solid rgba(116,129,147,.22)!important;box-shadow:0 8px 20px rgba(46,60,78,.14),inset 0 2px 4px rgba(255,255,255,.85)!important;font-size:18px!important}
.profile-page-body #profile-certificates .certificate-medal:before,.profile-page-body #profile-certificates .certificate-medal:after{bottom:-17px!important;width:17px!important;height:27px!important}.profile-page-body #profile-certificates .certificate-medal:before{left:10px!important}.profile-page-body #profile-certificates .certificate-medal:after{right:10px!important}
.profile-page-body #profile-certificates .certificate-copy>span{font-size:9px!important}.profile-page-body #profile-certificates .certificate-copy>span:before{width:16px!important;height:16px!important;font-size:9px!important}.profile-page-body #profile-certificates .certificate-copy h3{margin:6px 0 9px!important;font-size:16px!important}.profile-page-body #profile-certificates .certificate-stats{gap:6px!important;margin-bottom:9px!important}.profile-page-body #profile-certificates .certificate-stats b{padding:5px 9px!important;border:0!important;background:#fff6df!important;font-size:9px!important}.profile-page-body #profile-certificates .certificate-copy small{font-size:9px!important}.profile-page-body #profile-certificates .certificate-copy a{margin-top:9px!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#3157d5!important;font-size:10px!important}.profile-page-body #profile-certificates .certificate-copy a:hover{text-decoration:underline!important}
@media(max-width:620px){.profile-page-body #profile-certificates .certificate-item{grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;padding:20px 0 25px!important;border-radius:0!important}.profile-page-body #profile-certificates .certificate-medal{width:52px!important;height:52px!important;font-size:15px!important}.profile-page-body #profile-certificates .certificate-medal:before,.profile-page-body #profile-certificates .certificate-medal:after{bottom:-14px!important;width:14px!important;height:22px!important}.profile-page-body #profile-certificates .certificate-medal:before{left:9px!important}.profile-page-body #profile-certificates .certificate-medal:after{right:9px!important}.profile-page-body #profile-certificates .certificate-copy h3{font-size:14px!important}}