:root{--profile-contrast-foreground:#f8fafc;--profile-contrast-foreground-muted:rgba(248,250,252,0.82);--profile-contrast-ring:rgba(248,250,252,0.35);--profile-hero-bg-fallback:linear-gradient(135deg,rgba(55,48,163,0.55) 0,rgba(106,90,249,0.55) 55%,rgba(55,48,163,0.32) 100%);--profile-hero-shadow-fallback:0 25px 60px -30px rgba(55,48,163,0.45);--profile-hero-highlight-bg-fallback:rgba(255,255,255,0.16);--profile-hero-highlight-border-fallback:rgba(255,255,255,0.28);--profile-hero-highlight-shadow-fallback:0 14px 38px -24px rgba(55,48,163,0.45);--profile-hero-status-label-bg-fallback:rgba(55,48,163,0.32);--profile-hero-status-label-shadow-fallback:0 10px 26px -12px rgba(55,48,163,0.35);--profile-hero-status-ring-fallback:var(--profile-contrast-ring);--profile-hero-status-label-online-bg-fallback:rgba(34,197,94,0.68);--profile-hero-status-label-offline-bg-fallback:rgba(156,163,175,0.55);--overall-stat-bg-fallback:rgba(243,244,246,0.18);--overall-stat-border-fallback:rgba(243,244,246,0.32);--overall-stat-highlight-bg-fallback:linear-gradient(135deg,rgba(55,48,163,0.22),rgba(55,48,163,0.08));--overall-stat-highlight-border-fallback:rgba(55,48,163,0.32);--overall-stat-highlight-shadow-fallback:0 12px 32px -18px rgba(55,48,163,0.45);--overall-stat-precision-bg-fallback:rgba(255,255,255,0.55);--overall-stat-precision-border-fallback:rgba(243,244,246,0.28);--overall-stat-history-bg-fallback:rgba(255,255,255,0.35);--overall-stat-history-border-fallback:rgba(229,231,235,0.24);--overall-stats-section-history-border-fallback:rgba(243,244,246,0.26);--overall-stats-section-history-bg-fallback:rgba(255,255,255,0.5);--overall-stats-section-summary-bg-fallback:rgba(243,244,246,0.18);--overall-stats-section-summary-open-bg-fallback:rgba(243,244,246,0.28);--profile-status-badge-bg-fallback:rgba(255,255,255,0.2);--profile-status-badge-border-fallback:rgba(255,255,255,0.3);--profile-status-badge-shadow-fallback:0 8px 18px rgba(55,48,163,0.45);--profile-status-badge-online-bg-fallback:rgba(34,197,94,0.7);--profile-status-badge-online-shadow-fallback:0 12px 26px -12px rgba(34,197,94,0.65);--profile-status-badge-offline-bg-fallback:rgba(156,163,175,0.6);--profile-status-badge-offline-shadow-fallback:0 12px 20px -12px rgba(156,163,175,0.55);--profile-status-dot-offline-fallback:rgba(209,213,219,0.75);--profile-highlight-label-color:var(--profile-contrast-foreground);--profile-stat-label-color:var(--color-text-primary,#1f2937)}[data-theme="dark"]{--profile-contrast-foreground:#f8fafc;--profile-contrast-foreground-muted:rgba(226,232,240,0.78);--profile-contrast-ring:rgba(148,163,184,0.45);--profile-hero-bg-fallback:linear-gradient(135deg,rgba(14,165,233,0.45) 0,rgba(12,74,110,0.45) 55%,rgba(14,165,233,0.28) 100%);--profile-hero-shadow-fallback:0 25px 60px -30px rgba(12,74,110,0.6);--profile-hero-highlight-bg-fallback:rgba(12,74,110,0.18);--profile-hero-highlight-border-fallback:rgba(12,74,110,0.35);--profile-hero-highlight-shadow-fallback:0 14px 38px -24px rgba(12,74,110,0.55);--profile-hero-status-label-bg-fallback:rgba(14,165,233,0.32);--profile-hero-status-label-shadow-fallback:0 10px 26px -12px rgba(14,165,233,0.35);--profile-hero-status-ring-fallback:var(--profile-contrast-ring);--profile-hero-status-label-online-bg-fallback:rgba(74,222,128,0.7);--profile-hero-status-label-offline-bg-fallback:rgba(100,116,139,0.55);--overall-stat-bg-fallback:rgba(24,38,65,0.4);--overall-stat-border-fallback:rgba(51,65,85,0.45);--overall-stat-highlight-bg-fallback:linear-gradient(135deg,rgba(14,165,233,0.22),rgba(12,74,110,0.18));--overall-stat-highlight-border-fallback:rgba(14,165,233,0.35);--overall-stat-highlight-shadow-fallback:0 12px 32px -18px rgba(14,165,233,0.55);--overall-stat-precision-bg-fallback:rgba(24,38,65,0.55);--overall-stat-precision-border-fallback:rgba(71,85,105,0.4);--overall-stat-history-bg-fallback:rgba(24,38,65,0.45);--overall-stat-history-border-fallback:rgba(51,65,85,0.35);--overall-stats-section-history-border-fallback:rgba(71,85,105,0.4);--overall-stats-section-history-bg-fallback:rgba(24,38,65,0.6);--overall-stats-section-summary-bg-fallback:rgba(24,38,65,0.45);--overall-stats-section-summary-open-bg-fallback:rgba(24,38,65,0.58);--profile-status-badge-bg-fallback:rgba(12,74,110,0.35);--profile-status-badge-border-fallback:rgba(12,74,110,0.45);--profile-status-badge-shadow-fallback:0 8px 18px rgba(12,74,110,0.6);--profile-status-badge-online-bg-fallback:rgba(74,222,128,0.7);--profile-status-badge-online-shadow-fallback:0 12px 26px -12px rgba(74,222,128,0.65);--profile-status-badge-offline-bg-fallback:rgba(100,116,139,0.6);--profile-status-badge-offline-shadow-fallback:0 12px 20px -12px rgba(100,116,139,0.55);--profile-status-dot-offline-fallback:rgba(148,163,184,0.75);--profile-highlight-label-color:var(--profile-contrast-foreground);--profile-stat-label-color:var(--color-text-primary,#e2e8f0)}.profile-container{max-width:960px;margin:calc(var(--spacing-unit) * 1.5) auto;padding:var(--spacing-unit)}.profile-hero{position:relative;display:grid;gap:clamp(calc(var(--spacing-unit) * 1.2),4vw,calc(var(--spacing-unit) * 2));grid-template-columns:minmax(150px,clamp(160px,18vw,200px)) 1fr;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2.25);padding:calc(var(--spacing-unit) * 1.75);border-radius:var(--card-border-radius,16px);background:var(--profile-hero-bg-fallback);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 55%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 40%,var(--color-primary-variant,#6a5af9) 15%) 55%,color-mix(in srgb,var(--color-primary-base) 32%,transparent) 100%);color:var(--profile-contrast-foreground);--color-primary-text-on-base:var(--profile-contrast-foreground);box-shadow:var(--profile-hero-shadow-fallback);box-shadow:0 25px 60px -30px color-mix(in srgb,var(--color-primary-base) 75%,transparent);overflow:hidden}.profile-hero-media{display:flex;justify-content:center}.profile-hero-content{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.2)}.profile-hero-header{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.profile-completion-indicator{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * 1.1) calc(var(--spacing-unit) * 1.2);border-radius:16px;background:color-mix(in srgb,var(--color-primary-text-on-base) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary-text-on-base) 18%,transparent);box-shadow:0 18px 36px -28px color-mix(in srgb,var(--color-primary-text-on-base) 65%,transparent);color:var(--color-primary-text-on-base);backdrop-filter:blur(10px)}.profile-completion-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing-unit) * .5)}.profile-completion-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--color-primary-base) 42%,transparent);box-shadow:0 12px 30px -22px color-mix(in srgb,var(--color-primary-text-on-base) 55%,transparent)}.profile-completion-badge-label{white-space:nowrap}.profile-completion-percentage{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;letter-spacing:-0.02em}.profile-completion-hint{margin:0;font-size:.95rem;color:color-mix(in srgb,var(--color-primary-text-on-base) 82%,transparent)}.profile-completion-bar{position:relative;width:100%;height:.55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary-text-on-base) 20%,transparent);background:color-mix(in srgb,var(--color-primary-text-on-base) 12%,transparent);overflow:hidden}.profile-completion-bar-fill{display:block;width:min(100%,var(--profile-completion-percent,0%));height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--color-state-success) 72%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 68%,transparent) 100%);transition:width .4s ease}.profile-completion-missing{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}.profile-completion-missing li{flex:1 1 12rem}.profile-completion-link{display:flex;align-items:center;gap:.55rem;padding:.6rem .85rem;border-radius:14px;color:var(--color-primary-text-on-base);text-decoration:none;background:color-mix(in srgb,var(--color-primary-text-on-base) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-primary-text-on-base) 16%,transparent);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-completion-link:hover,.profile-completion-link:focus{background:color-mix(in srgb,var(--color-primary-text-on-base) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 26%,transparent);transform:translateY(-1px)}.profile-completion-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-text-on-base) 35%,transparent)}.profile-inline-cta{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(106,90,249,0.32);border:1px solid color-mix(in srgb,var(--color-primary-base) 32%,transparent);background:rgba(106,90,249,0.12);background:color-mix(in srgb,var(--color-primary-base) 16%,transparent);color:var(--color-primary-base);color:color-mix(in srgb,var(--color-primary-base) 92%,var(--color-primary-text-on-base) 8%);font-size:.85rem;font-weight:600;line-height:1.1;cursor:pointer;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;appearance:none}.profile-inline-cta .icon{font-size:.9rem}.profile-inline-cta:hover,.profile-inline-cta:focus-visible{background:rgba(106,90,249,0.2);background:color-mix(in srgb,var(--color-primary-base) 22%,transparent);border-color:rgba(106,90,249,0.45);border-color:color-mix(in srgb,var(--color-primary-base) 45%,transparent);color:color-mix(in srgb,var(--color-primary-base) 98%,var(--color-primary-text-on-base) 2%);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--color-primary-base) 55%,transparent)}.profile-inline-cta:focus-visible{outline:2px solid rgba(106,90,249,0.65);outline:2px solid color-mix(in srgb,var(--color-primary-base) 65%,transparent);outline-offset:2px}.profile-inline-cta:active{transform:translateY(1px)}.profile-completion-link-icon{font-size:1rem}.profile-completion-link-text{font-weight:600}.profile-completion-all-set{display:flex;align-items:center;gap:.55rem;margin:0;font-weight:600;color:color-mix(in srgb,var(--color-primary-text-on-base) 92%,transparent)}.profile-completion-indicator[data-completion-status="complete"] .profile-completion-badge{background:color-mix(in srgb,var(--color-state-success) 65%,transparent)}.profile-completion-indicator[data-completion-status="complete"] .profile-completion-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--color-state-success) 72%,transparent) 0,color-mix(in srgb,var(--color-state-success) 88%,transparent) 100%)}.profile-completion-indicator[data-completion-status="empty"] .profile-completion-badge{background:color-mix(in srgb,var(--color-state-info) 55%,transparent)}.profile-completion-indicator[data-completion-status="empty"] .profile-completion-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--color-state-info) 65%,transparent) 0,color-mix(in srgb,var(--color-primary-base) 58%,transparent) 100%)}.profile-completion-indicator[data-completion-status="in-progress"] .profile-completion-badge{background:color-mix(in srgb,var(--color-primary-base) 48%,transparent)}.profile-completion-indicator[data-completion-status="in-progress"] .profile-completion-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary-base) 65%,transparent) 0,color-mix(in srgb,var(--color-state-success) 68%,transparent) 100%)}.profile-hero-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing-unit) * .6)}.profile-hero-title{margin:0;font-size:clamp(1.75rem,2.2vw+1rem,2.35rem);font-weight:700;color:inherit}.profile-hero-subtitle{margin:0;font-size:1.05rem;font-weight:500;color:color-mix(in srgb,var(--color-primary-text-on-base) 82%,transparent)}.profile-hero-flag{font-size:2rem;line-height:1;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--color-shadow-default) 25%,transparent))}.profile-hero-status-label{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-text-on-base);background-color:var(--profile-hero-status-label-bg-fallback);background-color:color-mix(in srgb,var(--color-primary-base) 32%,transparent);box-shadow:var(--profile-hero-status-label-shadow-fallback);box-shadow:0 10px 26px -12px color-mix(in srgb,var(--color-shadow-default) 70%,transparent)}.profile-hero-status-label::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background-color:currentColor;box-shadow:0 0 0 2px var(--profile-hero-status-ring-fallback);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-text-on-base) 35%,transparent)}.profile-hero-status-label.is-online{background-color:var(--profile-hero-status-label-online-bg-fallback);background-color:color-mix(in srgb,var(--color-online-indicator) 68%,transparent)}.profile-hero-status-label.is-offline{background-color:var(--profile-hero-status-label-offline-bg-fallback);background-color:color-mix(in srgb,var(--color-offline-indicator) 55%,transparent)}.profile-hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:calc(var(--spacing-unit) * .9)}.profile-hero-highlight{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .55);padding:calc(var(--spacing-unit) * .9) calc(var(--spacing-unit) * 1.1);border-radius:14px;background:var(--profile-hero-highlight-bg-fallback);background:color-mix(in srgb,var(--color-primary-text-on-base) 6%,transparent);border:1px solid var(--profile-hero-highlight-border-fallback);border:1px solid color-mix(in srgb,var(--color-primary-text-on-base) 18%,transparent);backdrop-filter:blur(6px);color:var(--color-primary-text-on-base);box-shadow:var(--profile-hero-highlight-shadow-fallback);box-shadow:0 14px 38px -24px color-mix(in srgb,var(--color-primary-text-on-base) 65%,transparent)}.profile-hero-highlight-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--profile-highlight-label-color)}.profile-hero-highlight-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:color-mix(in srgb,var(--color-primary-text-on-base) 68%,transparent)}.profile-hero-highlight-value{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;color:var(--color-primary-text-on-base);word-break:break-word}.profile-container h2:not(.username-display){color:var(--color-primary-base);margin-top:calc(var(--spacing-unit) * 1.5);margin-bottom:var(--spacing-unit);padding-bottom:calc(var(--spacing-unit) * .5);border-bottom:1px solid var(--color-border-primary);font-size:1.6rem;font-weight:500;text-align:center}.profile-container h3{text-align:left}.profile-sidebar h3{color:var(--color-text-primary);margin-top:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * .75);font-size:1.2rem;font-weight:600;text-align:left}.profile-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 1.5)}.profile-filter-chip-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * .5);margin:calc(var(--spacing-unit) * .5) 0 calc(var(--spacing-unit) * .25);padding:0;list-style:none}.profile-filter-chip-item{display:flex}.profile-filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border-secondary) 65%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 86%,var(--color-border-secondary) 14%);color:var(--color-text-secondary);font-size:.95rem;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:2.25rem;box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-default) 12%,transparent);appearance:none}.profile-filter-chip-item--placeholder{position:relative}.profile-filter-chip--placeholder,.profile-filter-chip--placeholder[data-active="true"],.profile-filter-chip--placeholder[aria-pressed="true"]{position:relative;color:color-mix(in srgb,var(--color-text-secondary) 88%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 94%,var(--color-border-secondary) 6%);border-color:color-mix(in srgb,var(--color-border-secondary) 42%,transparent);box-shadow:none;cursor:default;pointer-events:none;overflow:hidden}.profile-filter-chip--placeholder::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,0) 0,color-mix(in srgb,var(--color-border-secondary) 42%,transparent) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%);animation:profile-filter-chip-placeholder 1.4s ease-in-out infinite;opacity:.65}.profile-filter-chip--placeholder[aria-pressed="true"]::after{opacity:.55}.profile-filter-chip--placeholder[disabled]{cursor:default}.profile-filter-chip--placeholder .profile-filter-chip-label{color:inherit}.profile-filter-chip,.profile-filter-chip:focus-visible{text-decoration:none}.profile-filter-chip:hover{background-color:color-mix(in srgb,var(--color-surface-card) 72%,var(--color-border-secondary) 28%);color:var(--color-text-primary)}.profile-filter-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-base) 75%,transparent);outline-offset:2px}.profile-filter-chip[data-active="true"],.profile-filter-chip[aria-pressed="true"]{background-color:color-mix(in srgb,var(--color-primary-base) 90%,var(--color-surface-card) 10%);color:var(--color-primary-text-on-base);border-color:color-mix(in srgb,var(--color-primary-base) 65%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary-base) 35%,transparent)}.profile-filter-chip[data-active="true"] .profile-filter-chip-badge,.profile-filter-chip[aria-pressed="true"] .profile-filter-chip-badge{background-color:color-mix(in srgb,var(--color-primary-text-on-base) 20%,var(--color-primary-base) 80%);color:var(--color-primary-text-on-base)}.profile-filter-chip-label{display:inline-flex;align-items:center;gap:.35rem}.profile-filter-chip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;padding:.1rem .4rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-border-secondary) 82%,transparent);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;line-height:1.1}@keyframes profile-filter-chip-placeholder{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.profile-filter-chip--placeholder::after{animation:none;opacity:.35}}.profile-performance-controls[data-mode-active="true"],.profile-performance-controls[data-wordlist-active="true"]{border-radius:var(--border-radius-md);background-color:color-mix(in srgb,var(--color-primary-base) 6%,transparent)}.profile-performance-filter-status-highlight{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .35rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-primary-base) 18%,transparent);color:var(--color-primary-base);font-weight:600}.profile-performance-filter-status-highlight--wordlist{background-color:color-mix(in srgb,var(--color-secondary-base) 22%,transparent);color:color-mix(in srgb,var(--color-secondary-base) 85%,var(--color-text-on-secondary,#fff) 15%)}.profile-performance-actions .button[data-state="loaded"]{--profile-load-charts-button-width:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:color-mix(in srgb,var(--color-state-success,#24a148) 92%,var(--color-surface-card) 8%);color:var(--profile-contrast-foreground);border-color:color-mix(in srgb,var(--color-state-success,#24a148) 70%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--color-state-success,#24a148) 35%,transparent)}.profile-performance-actions .button[data-state="loaded"] .icon[data-icon]{width:1.1rem;height:1.1rem;color:currentColor}.profile-performance-actions .button[data-state="loaded"]:focus-visible{outline-color:color-mix(in srgb,var(--color-state-success,#24a148) 80%,transparent)}@media(min-width:768px){.profile-grid.profile-grid--has-sidebar{grid-template-columns:280px 1fr}.profile-sidebar{order:-1;position:sticky;top:calc(var(--spacing-unit) * 1.5);align-self:start}}@media(max-width:767px){.profile-hero{grid-template-columns:1fr;text-align:center;padding:calc(var(--spacing-unit) * 1.35)}.profile-main-content{order:-1}.profile-hero-content{align-items:center}.profile-sidebar{order:1}.profile-hero-title-row{justify-content:center}.profile-hero-status-label{align-self:center}.profile-completion-indicator{width:100%;text-align:left;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * .9)}.profile-completion-missing{flex-direction:column}.profile-hero-highlights{grid-template-columns:1fr;width:100%}.overall-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overall-stats-grid--highlights{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.overall-stats-section-header,.overall-stats-section-summary{align-items:flex-start;text-align:left}}.profile-picture-container{position:relative;text-align:center;margin-bottom:0;width:clamp(150px,18vw,200px);max-width:100%;margin-left:auto;margin-right:auto}.profile-picture-container input[type="file"].is-valid{border-color:var(--color-state-success);box-shadow:0 0 0 .2rem rgba(34,197,94,0.25);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-state-success) 28%,transparent)}.profile-picture-container input[type="file"].is-valid:focus{border-color:var(--color-state-success);border-color:color-mix(in srgb,var(--color-state-success) 65%,var(--color-primary-base) 35%);box-shadow:0 0 0 .25rem rgba(34,197,94,0.28);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-state-success) 32%,transparent)}@supports selector(:has(*)){.profile-picture-container:has(input.is-valid) .profile-picture{border-color:color-mix(in srgb,var(--color-state-success) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-text-on-base) 25%,transparent),0 16px 34px -18px color-mix(in srgb,var(--color-shadow-default) 60%,transparent),0 0 0 6px color-mix(in srgb,var(--color-state-success) 22%,transparent)}}.profile-picture{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;border:4px solid color-mix(in srgb,var(--color-primary-text-on-base) 35%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-text-on-base) 25%,transparent),0 16px 34px -18px color-mix(in srgb,var(--color-shadow-default) 60%,transparent);display:block;background-color:color-mix(in srgb,var(--color-surface-card) 45%,transparent);transition:box-shadow .3s ease,border-color .3s ease}.profile-status-badge{position:absolute;right:.35rem;bottom:.35rem;transform:translate(25%,25%);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.3rem .6rem;min-width:2.75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background-color:var(--profile-status-badge-bg-fallback);background-color:color-mix(in srgb,var(--color-primary-text-on-base) 20%,transparent);color:var(--color-primary-text-on-base);border:2px solid var(--profile-status-badge-border-fallback);border:2px solid color-mix(in srgb,var(--color-primary-text-on-base) 30%,transparent);box-shadow:var(--profile-status-badge-shadow-fallback);box-shadow:0 8px 18px color-mix(in srgb,var(--color-shadow-default) 65%,transparent);z-index:1;--profile-status-dot-color:var(--color-offline-indicator)}.profile-status-badge::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background-color:var(--profile-status-dot-color);border:2px solid var(--color-surface-card)}.profile-status-badge.is-online{background-color:var(--profile-status-badge-online-bg-fallback);background-color:color-mix(in srgb,var(--color-online-indicator) 70%,transparent);color:var(--color-primary-text-on-base);box-shadow:var(--profile-status-badge-online-shadow-fallback);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--color-online-indicator) 70%,transparent);--profile-status-dot-color:var(--color-primary-text-on-base)}.profile-status-badge.is-offline{background-color:var(--profile-status-badge-offline-bg-fallback);background-color:color-mix(in srgb,var(--color-offline-indicator) 60%,transparent);color:var(--color-primary-text-on-base);box-shadow:var(--profile-status-badge-offline-shadow-fallback);box-shadow:0 12px 20px -12px color-mix(in srgb,var(--color-offline-indicator) 55%,transparent);--profile-status-dot-color:var(--profile-status-dot-offline-fallback);--profile-status-dot-color:color-mix(in srgb,var(--color-primary-text-on-base) 65%,var(--color-offline-indicator) 35%)}@supports not(backdrop-filter:blur(1px)){.profile-completion-indicator{background:color-mix(in srgb,var(--color-primary-text-on-base) 52%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 72%,transparent);box-shadow:none}.profile-hero-highlight{background:color-mix(in srgb,var(--color-primary-text-on-base) 48%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 68%,transparent);box-shadow:none}.profile-completion-link{background:color-mix(in srgb,var(--color-primary-text-on-base) 46%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 66%,transparent);box-shadow:none}.profile-completion-link:hover,.profile-completion-link:focus{background:color-mix(in srgb,var(--color-primary-text-on-base) 56%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 76%,transparent)}.profile-completion-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-text-on-base) 70%,transparent)}.profile-status-badge{background-color:color-mix(in srgb,var(--color-primary-text-on-base) 58%,transparent);border-color:color-mix(in srgb,var(--color-primary-text-on-base) 78%,transparent);box-shadow:none}.profile-status-badge.is-online{background-color:color-mix(in srgb,var(--color-online-indicator) 78%,transparent);box-shadow:none}.profile-status-badge.is-offline{background-color:color-mix(in srgb,var(--color-offline-indicator) 74%,transparent);box-shadow:none}}.profile-picture.is-online{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-online-indicator) 55%,transparent),0 18px 32px -16px color-mix(in srgb,var(--color-online-indicator) 65%,transparent)}.profile-picture.is-offline{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-primary) 55%,transparent),0 18px 30px -18px color-mix(in srgb,var(--color-border-primary) 60%,transparent)}.profile-actions{margin-top:var(--spacing-unit);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.25)}.profile-action-panel{border:1px solid var(--color-border-primary);border-radius:.75rem;background-color:var(--color-surface-card);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;overflow:hidden}.profile-action-panel--highlight{outline:3px solid color-mix(in srgb,var(--color-primary-base) 65%,transparent);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.profile-action-panel--highlight{outline-color:transparent;animation:profile-action-panel-highlight 1.2s ease-out}}@keyframes profile-action-panel-highlight{0%{outline-color:color-mix(in srgb,var(--color-primary-base) 75%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--color-shadow-default) 24%,transparent)}55%{outline-color:color-mix(in srgb,var(--color-primary-base) 50%,transparent);box-shadow:0 14px 36px color-mix(in srgb,var(--color-shadow-default) 30%,transparent)}100%{outline-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-default) 22%,transparent)}}.profile-action-panel[open]{border-color:var(--color-primary-base);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-default) 25%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 92%,var(--color-primary-base) 8%)}.profile-action-summary{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1);cursor:pointer;font-weight:600;font-size:1rem;color:var(--color-text-primary);list-style:none;transition:color .2s ease,background-color .2s ease}.profile-action-summary::-webkit-details-marker,.profile-action-summary::marker{display:none}.profile-action-summary:focus,.profile-action-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary-base) 65%,transparent);outline-offset:3px}.profile-action-panel[open]>.profile-action-summary{color:var(--color-primary-base);background-color:color-mix(in srgb,var(--color-primary-base) 8%,transparent)}.profile-action-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-primary-base) 18%,transparent);color:var(--color-primary-base);font-size:1.1rem;transition:background-color .2s ease,color .2s ease}.profile-action-panel[open] .profile-action-summary-icon{background-color:color-mix(in srgb,var(--color-primary-base) 35%,transparent);color:var(--profile-contrast-foreground)}.profile-action-summary-text{flex:1;text-align:left}.profile-action-body{padding:0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.25);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);border-top:1px solid color-mix(in srgb,var(--color-border-primary) 55%,transparent)}.profile-action-status-hint{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit) * .5);margin:0;font-size:.9rem;color:var(--color-text-secondary)}.profile-action-status-text{flex:1;min-width:0}.profile-action-status-hint .profile-inline-cta{flex-shrink:0}.profile-action-status-hint .icon{font-size:1rem;color:var(--color-primary-base);margin-top:.15rem}.profile-action-body .button,.profile-action-body form,.profile-action-body .form-group{margin-bottom:0}.profile-action-body form+form,.profile-action-body form+.text-muted,.profile-action-body form+.text-warning,.profile-action-body p+form{margin-top:calc(var(--spacing-unit) * .5)}.profile-actions .profile-2fa-section{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);margin-top:calc(var(--spacing-unit) * 1.25)}.profile-actions .profile-2fa-actions{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.profile-actions .profile-2fa-actions form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.profile-actions .profile-2fa-actions .button{width:100%}.profile-sidebar .profile-hint-text{font-size:.9rem;color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit) * .5)}.profile-actions .form-group label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.9rem;color:var(--color-text-secondary)}.form-error{margin:calc(var(--spacing-unit) * .35) 0 calc(var(--spacing-unit) * .6);color:var(--color-state-danger);font-size:.9rem;line-height:1.4;min-height:1.2rem;opacity:0;transform:translateY(-0.2rem);transition:opacity 140ms ease-out,transform 140ms ease-out}.form-error:not(:empty){opacity:1;transform:translateY(0)}.user-info-main-details{margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--spacing-unit) * .85)}.user-info-main-item{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--spacing-unit) * .3)}.user-info-main-term{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:0;font-weight:600;font-size:.95rem;color:var(--color-text-secondary)}.user-info-main-term .icon{font-size:1.05rem;color:color-mix(in srgb,var(--color-text-secondary) 88%,transparent)}.user-info-main-description{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-primary);overflow-wrap:anywhere}.user-info-main-description--with-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.user-info-main-item--bio .user-info-main-description--with-cta{flex-direction:column;align-items:flex-start;gap:.6rem}.user-info-empty-text{color:var(--color-text-secondary)}.user-info-main-item--bio{grid-column:1 / -1}@media(min-width:40rem){.user-info-main-details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.overall-stats-card{margin-top:calc(var(--spacing-unit) * 1.5)}.profile-stats-card{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.profile-stats-card-header{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);align-items:stretch}.profile-stats-toggle{position:relative;display:flex;align-items:center;gap:0;padding:.35rem;border-radius:999px;background:color-mix(in srgb,var(--color-border-secondary) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-border-secondary) 28%,transparent);overflow:hidden}.profile-stats-toggle-indicator{position:absolute;top:.35rem;bottom:.35rem;left:.35rem;width:0;border-radius:999px;background:color-mix(in srgb,var(--color-primary-base) 20%,transparent);box-shadow:0 16px 32px -24px color-mix(in srgb,var(--color-primary-base) 60%,transparent);transform:translateX(0);opacity:0;transition:transform .35s ease,width .35s ease,background-color .35s ease,opacity .35s ease;pointer-events:none}.profile-stats-toggle.is-ready .profile-stats-toggle-indicator{opacity:1}.profile-stats-toggle-button{position:relative;z-index:1;flex:1;border:0;border-radius:999px;background:transparent;padding:.45rem 1.1rem;font-weight:600;font-size:.95rem;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease}.profile-stats-toggle-button.is-active{color:var(--color-primary-base)}.profile-stats-toggle-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-base) 65%,transparent);outline-offset:2px}.profile-stats-panels{position:relative;width:100%;transition:min-height .3s ease}.profile-stats-panel{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.profile-stats-panel.is-active{animation:profile-stats-fade-in .28s ease}.profile-stats-panel.is-measuring{position:absolute;inset:0;visibility:hidden;pointer-events:none}@keyframes profile-stats-fade-in{from{opacity:0;transform:translateY(0.35rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.profile-stats-panels{transition:none}.profile-stats-toggle-indicator{transition:none}.profile-stats-panel.is-active{animation:none}}.overall-stats-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:calc(var(--spacing-unit) * .75);align-items:center;text-align:center}.profile-performance-header{display:flex;flex-direction:column;gap:.2rem;align-items:center;text-align:center}.profile-performance-hint{margin:0;font-size:.9rem;color:color-mix(in srgb,var(--color-text-secondary) 78%,transparent)}.profile-performance-hint[hidden]{display:none}.overall-stats-title{margin:0;color:var(--color-text-primary);font-size:1.4rem;font-weight:700}.overall-stats-subtitle{margin:0;color:var(--color-text-secondary);font-size:.95rem;font-weight:400}.overall-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--spacing-unit) * 1);align-items:stretch}.overall-stat{margin:0;display:flex;flex-direction:column;gap:.3rem;padding:calc(var(--spacing-unit) * .8);border-radius:12px;background-color:var(--overall-stat-bg-fallback);background-color:color-mix(in srgb,var(--color-border-secondary) 18%,transparent);border:1px solid var(--overall-stat-border-fallback);border:1px solid color-mix(in srgb,var(--color-border-secondary) 32%,transparent);min-height:0;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.overall-stats-sections{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.overall-stats-section{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.overall-stats-section-header{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;text-align:left}.overall-stats-section-title{margin:0;font-size:1.3rem;font-weight:700;color:var(--color-text-primary)}.overall-stats-section-subtitle{margin:0;font-size:.95rem;color:var(--color-text-secondary);font-weight:400}.overall-stats-grid--highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--spacing-unit) * 1.25)}.overall-stats-grid--highlights .overall-stat{padding:calc(var(--spacing-unit) * 1.1);background:var(--overall-stat-highlight-bg-fallback);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 22%,transparent),color-mix(in srgb,var(--color-primary-base) 8%,transparent));border-color:var(--overall-stat-highlight-border-fallback);border-color:color-mix(in srgb,var(--color-primary-base) 32%,transparent);box-shadow:var(--overall-stat-highlight-shadow-fallback);box-shadow:0 12px 32px -18px color-mix(in srgb,var(--color-primary-base) 75%,transparent)}.overall-stats-grid--highlights .overall-stat-label{color:var(--profile-stat-label-color)}.overall-stats-grid--highlights .overall-stat-value{font-size:1.35rem}.overall-stats-grid--precision .overall-stat{background-color:var(--overall-stat-precision-bg-fallback);background-color:color-mix(in srgb,var(--color-surface-card) 55%,transparent);border-color:var(--overall-stat-precision-border-fallback);border-color:color-mix(in srgb,var(--color-border-secondary) 28%,transparent)}.overall-stats-grid--precision .overall-stat-value{font-size:1.05rem}.overall-stats-grid--history .overall-stat{background-color:var(--overall-stat-history-bg-fallback);background-color:color-mix(in srgb,var(--color-surface-card) 35%,transparent);border-color:var(--overall-stat-history-border-fallback);border-color:color-mix(in srgb,var(--color-border-primary) 24%,transparent)}.overall-stats-grid--history .overall-stat-value{font-size:1rem;font-weight:500}.overall-stats-section--history{padding:calc(var(--spacing-unit) * .75);border-radius:14px;border:1px solid var(--overall-stats-section-history-border-fallback);border:1px solid color-mix(in srgb,var(--color-border-secondary) 26%,transparent);background-color:var(--overall-stats-section-history-bg-fallback);background-color:color-mix(in srgb,var(--color-surface-card) 50%,transparent)}.overall-stats-section-summary{display:flex;flex-direction:column;gap:.25rem;padding:calc(var(--spacing-unit) * .75);margin:0;list-style:none;background-color:var(--overall-stats-section-summary-bg-fallback);background-color:color-mix(in srgb,var(--color-border-secondary) 18%,transparent);border-radius:10px;color:var(--color-text-primary);font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left;position:relative;padding-right:calc(var(--spacing-unit) * 2.25)}.overall-stats-section-summary::-webkit-details-marker{display:none}.overall-stats-section-summary::after{content:'▾';position:absolute;top:50%;right:calc(var(--spacing-unit) * .75);transform:translateY(-50%);color:var(--color-text-secondary);transition:transform .25s ease}.overall-stats-section-summary:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-base) 65%,transparent);outline-offset:2px}.overall-stats-section--history[open] .overall-stats-section-summary{background-color:var(--overall-stats-section-summary-open-bg-fallback);background-color:color-mix(in srgb,var(--color-border-secondary) 28%,transparent)}.overall-stats-section--history[open] .overall-stats-section-summary::after{transform:translateY(-50%) rotate(180deg)}.overall-stats-section--history .overall-stats-grid{margin-top:calc(var(--spacing-unit) * 1)}.overall-stats-section--history .overall-stat-label{font-size:.85rem}.overall-stat-label{margin:0;display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--profile-stat-label-color);text-transform:none}.overall-stat-label i{color:var(--color-primary-base);font-size:1rem}.overall-stat-value{margin:0;font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;color:var(--color-text-primary);word-break:break-word}.overall-stats-empty{margin:0;color:var(--color-text-secondary);font-size:.95rem}.user-info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.user-info-main>h2{margin:0 0 .75rem;font-size:1.4rem;color:var(--color-text-primary)}.username-heading{font-size:1.8rem;font-weight:700;margin:0;color:var(--color-text-primary);word-break:break-all}.best-performances-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:calc(var(--spacing-unit) * 1.5);margin:0;padding:0;list-style:none}.profile-performance-controls{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);margin-bottom:calc(var(--spacing-unit) * 1.25)}.performance-filter{display:flex;flex-direction:column;gap:.35rem}.performance-filter label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.performance-filter-select{appearance:none;width:100%;max-width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--color-border-secondary);background-color:var(--color-surface-input);color:var(--color-text-primary);font-size:.95rem;line-height:1.4}.performance-filter-select option{background-color:var(--color-surface-input);color:var(--color-text-primary)}.performance-filter-select:focus{outline:3px solid color-mix(in srgb,var(--color-primary-base) 45%,transparent);outline-offset:1px;border-color:var(--color-primary-base)}.profile-performance-filter-status{margin-top:calc(var(--spacing-unit) * .5);margin-bottom:0;color:var(--color-text-secondary);font-size:.95rem}.profile-performance-controls[data-idle],.profile-performance-chart-wrapper[data-idle]{display:none}.profile-performance-controls.is-loading{opacity:0;pointer-events:none}.profile-performance-chart-wrapper{position:relative;width:100%;min-height:clamp(220px,45vh,360px)}@media(max-width:640px){.profile-performance-chart-wrapper{min-height:clamp(200px,52vh,300px)}}@media(min-width:1200px){.profile-performance-chart-wrapper{min-height:clamp(260px,40vh,420px)}}.profile-performance-chart-wrapper canvas{width:100%;height:100%;transition:opacity .3s ease}.profile-performance-chart-wrapper .profile-chart-skeleton{display:none;position:absolute;inset:0;border-radius:var(--card-border-radius,12px);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border-secondary) 35%,transparent) 0,color-mix(in srgb,var(--color-border-secondary) 55%,transparent) 50%,color-mix(in srgb,var(--color-border-secondary) 35%,transparent) 100%);background-size:200% 100%;animation:profileChartSkeletonShimmer 1.6s ease-in-out infinite}.profile-performance-chart-wrapper.is-loading{pointer-events:none}.profile-performance-chart-wrapper.is-loading canvas{opacity:0}.profile-performance-chart-wrapper.is-loading .profile-chart-skeleton{display:block}@keyframes profileChartSkeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.profile-performance-chart-wrapper--secondary{margin-top:calc(var(--spacing-unit) * 1.25);padding-top:calc(var(--spacing-unit) * .5);border-top:1px solid var(--color-border-secondary)}.profile-performance-chart-wrapper[data-state="empty"]{min-height:auto}.profile-performance-chart-wrapper[data-state="empty"] canvas{display:none}.profile-performance-chart-empty{margin:0;color:var(--color-text-secondary);font-size:.95rem}.profile-performance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing-unit) * .75)}.profile-performance-status{margin:0;font-size:.95rem;line-height:1.4;color:var(--color-text-secondary);transition:opacity 160ms ease-out}.profile-performance-status.is-error{padding:.3rem .6rem;border-radius:var(--border-radius-sm,8px);background-color:color-mix(in srgb,var(--color-state-warning,#f1c21b) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-state-warning,#f1c21b) 42%,transparent);color:color-mix(in srgb,var(--color-state-danger,#d93025) 78%,var(--color-text-primary) 22%)}.profile-performance-actions [data-profile-load-charts]{position:relative}.profile-performance-actions [data-profile-load-charts][data-state="loading"]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:var(--profile-load-charts-button-width,auto)}.profile-performance-actions [data-profile-load-charts][data-state="loading"]::after{content:"";width:1em;height:1em;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:profileChartButtonSpinner .75s linear infinite}@keyframes profileChartButtonSpinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.profile-completion-bar-fill,.profile-completion-link,.profile-filter-chip,.profile-picture,.profile-action-panel,.profile-action-summary,.profile-action-summary-icon,.overall-stat,.overall-stats-section-summary::after,.performance-entry::before,.performance-metric-bar-fill,.performance-category-link,.performance-category,.performance-category .icon,.performance-hof-link,.performance-hof-link .icon,.profile-performance-chart-wrapper canvas,.profile-performance-status,.form-error{transition:none}.profile-completion-link:hover,.profile-completion-link:focus,.performance-hof-link,.performance-hof-link:hover,.performance-hof-link:focus,.form-error,.form-error:not(:empty){transform:none}.profile-performance-chart-wrapper .profile-chart-skeleton{animation:none;background-position:100% 0}.profile-performance-actions [data-profile-load-charts][data-state="loading"]::after{animation:none;content:none}}@media(min-width:640px){.profile-performance-controls{flex-direction:row;flex-wrap:wrap;align-items:flex-end;column-gap:calc(var(--spacing-unit) * 1)}.performance-filter{min-width:200px}}.best-performances-list>li{list-style:none}.performance-entry{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1);position:relative;overflow:hidden}.performance-entry::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-border-secondary) 12%,transparent),color-mix(in srgb,var(--color-border-secondary) 4%,transparent));opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.performance-entry:hover::before,.performance-entry:focus-within::before{opacity:1}.performance-entry-header{display:flex;flex-wrap:wrap;align-items:stretch;gap:calc(var(--spacing-unit) * .75);justify-content:space-between;position:relative;z-index:1}.performance-rank-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:var(--profile-contrast-foreground);background:linear-gradient(120deg,color-mix(in srgb,var(--color-primary-base) 75%,transparent),color-mix(in srgb,var(--color-primary-base) 35%,transparent));box-shadow:0 10px 20px -12px color-mix(in srgb,var(--color-primary-base) 85%,transparent);min-width:120px;justify-self:flex-start}.performance-rank-icon{font-size:1.1rem}.performance-rank-text{display:inline-flex;align-items:center;gap:.15rem}.performance-rank-content{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;line-height:1}.performance-rank-subtext{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:none;color:color-mix(in srgb,var(--profile-contrast-foreground) 85%,transparent)}.performance-metric{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border-secondary) 35%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 75%,transparent);flex:1 1 160px;min-width:160px}.performance-metric--score{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base) 20%,transparent),color-mix(in srgb,var(--color-surface-card) 80%,transparent));border-color:color-mix(in srgb,var(--color-primary-base) 35%,transparent)}.performance-metric--accuracy{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success-base) 18%,transparent),color-mix(in srgb,var(--color-surface-card) 80%,transparent));border-color:color-mix(in srgb,var(--color-success-base) 30%,transparent)}.performance-metric-icon{font-size:1.2rem;color:var(--color-text-secondary)}.performance-metric-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.performance-metric-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.performance-metric-value{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;color:var(--color-text-primary);white-space:nowrap}.performance-metric-visual{display:flex;flex-direction:column;gap:.35rem}.performance-metric-bar{position:relative;display:block;width:100%;height:.6rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-border-secondary) 30%,transparent);overflow:hidden}.performance-metric-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--color-success-base) 70%,transparent),color-mix(in srgb,var(--color-success-base) 40%,transparent));opacity:.25;pointer-events:none}.performance-metric-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--color-success-base) 80%,transparent),color-mix(in srgb,var(--color-success-base) 40%,transparent));box-shadow:0 4px 10px -6px color-mix(in srgb,var(--color-success-base) 65%,transparent);transition:width .4s ease}.performance-entry-body{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);position:relative;z-index:1}.performance-entry-overview{display:flex;flex-direction:column;gap:.5rem}.performance-category-link{text-decoration:none;color:var(--color-text-primary);display:block;transition:color .2s ease-in-out}.performance-category-link:hover,.performance-category-link:focus{color:var(--color-text-link-hover)}.performance-category{color:inherit;font-size:1.2rem;font-weight:600;margin-top:0;margin-bottom:0;display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);transition:color .2s ease,border-color .3s ease;justify-content:center;text-align:center}.performance-category-link:hover .performance-category,.performance-category-link:focus .performance-category{color:var(--color-text-link-hover)}.performance-category .icon[data-icon="trophy"]{color:var(--color-text-secondary);transition:color .3s ease}.performance-microcopy{margin:0;font-size:.85rem;color:var(--color-text-secondary);text-align:center}.performance-entry-info{border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border-secondary) 26%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 60%,transparent);padding:calc(var(--spacing-unit) * .75)}.performance-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:calc(var(--spacing-unit) * .75);margin:0}.performance-detail{display:flex;flex-direction:column;gap:.3rem}.performance-detail .detail-label{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:.35rem}.performance-detail .detail-value{margin:0;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;color:var(--color-text-primary)}.performance-detail .detail-label .icon{color:var(--color-text-secondary);font-size:1rem}.performance-detail .detail-label .icon[data-icon="ranking-star"]{color:var(--color-primary-base)}.performance-detail .detail-label .icon[data-icon="fire"]{color:var(--color-streak)}.performance-detail .detail-label .icon[data-icon="calendar-check"]{color:var(--color-text-secondary)}.performance-entry--highlight{box-shadow:0 20px 40px -24px color-mix(in srgb,var(--color-primary-base) 45%,transparent)}.performance-entry--gold{background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning-base) 55%,transparent),color-mix(in srgb,var(--color-warning-base) 12%,transparent));border:1px solid color-mix(in srgb,var(--color-warning-base) 45%,transparent)}.performance-entry--silver{background:linear-gradient(135deg,color-mix(in srgb,var(--color-border-secondary) 40%,transparent),color-mix(in srgb,var(--color-surface-card) 85%,transparent));border:1px solid color-mix(in srgb,var(--color-border-secondary) 55%,transparent)}.performance-entry--bronze{background:linear-gradient(135deg,color-mix(in srgb,var(--color-state-warning) 25%,transparent),color-mix(in srgb,var(--color-border-secondary) 45%,transparent));border:1px solid color-mix(in srgb,var(--color-state-warning) 35%,transparent)}.performance-entry--gold .performance-rank-chip{background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning-base) 82%,transparent),color-mix(in srgb,var(--color-warning-base) 36%,transparent));box-shadow:0 12px 22px -12px color-mix(in srgb,var(--color-warning-base) 75%,transparent)}.performance-entry--silver .performance-rank-chip{background:linear-gradient(135deg,color-mix(in srgb,var(--color-border-secondary) 62%,transparent),color-mix(in srgb,var(--color-surface-card) 90%,transparent));color:var(--color-text-primary)}.performance-entry--bronze .performance-rank-chip{background:linear-gradient(135deg,color-mix(in srgb,var(--color-state-warning) 45%,transparent),color-mix(in srgb,var(--color-state-warning) 20%,transparent))}.performance-entry--silver .performance-rank-subtext{color:color-mix(in srgb,var(--color-text-primary) 75%,transparent)}.performance-entry--bronze .performance-rank-subtext{color:color-mix(in srgb,var(--profile-contrast-foreground) 80%,transparent)}.performance-entry--gold .performance-metric,.performance-entry--silver .performance-metric,.performance-entry--bronze .performance-metric{border-color:color-mix(in srgb,var(--color-border-secondary) 40%,transparent);background-color:color-mix(in srgb,var(--color-surface-card) 85%,transparent)}.performance-entry--gold .performance-entry-info,.performance-entry--silver .performance-entry-info,.performance-entry--bronze .performance-entry-info{background-color:color-mix(in srgb,var(--color-surface-card) 75%,transparent)}.performance-footer{margin-top:auto;padding-top:calc(var(--spacing-unit) * .75);position:relative;z-index:1}.performance-hof-link{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .4);font-weight:600;text-decoration:none;color:var(--color-primary-base);transition:color .2s ease,transform .2s ease}.performance-hof-link .icon{color:var(--color-primary-base);font-size:1rem;transition:color .2s ease,transform .2s ease}.performance-hof-link:hover,.performance-hof-link:focus{color:var(--color-text-link-hover);transform:translateY(-1px)}.performance-hof-link:hover .icon,.performance-hof-link:focus .icon{color:var(--color-text-link-hover)}.leaderboard-empty{text-align:center;color:var(--color-text-secondary);padding:calc(var(--spacing-unit) * 2);font-style:italic}.hall-of-fame-cta{margin-top:calc(var(--spacing-unit) * 2);display:flex;justify-content:center}.hall-of-fame-cta-link{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .5);font-weight:700;text-decoration:none;color:var(--profile-contrast-foreground)}.hall-of-fame-cta-link .icon{font-size:1.1rem;color:inherit}.hall-of-fame-cta-link:hover,.hall-of-fame-cta-link:focus-visible{color:var(--profile-contrast-foreground)}.hall-of-fame-cta-link:hover .icon,.hall-of-fame-cta-link:focus-visible .icon{color:inherit}@media(max-width:767px){.user-info-main-term{font-size:.95rem}.profile-container h1.page-title-profile{font-size:1.8rem}.profile-container h2{font-size:1.4rem}.best-performances-list{grid-template-columns:1fr}}@media(max-width:575px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{order:1}.username-heading{font-size:1.5rem}.performance-category{font-size:1.1rem}.performance-entry-header{flex-direction:column;align-items:stretch}.performance-rank-chip{width:100%;justify-content:center}.performance-metric{min-width:0;width:100%}.performance-metric-value{white-space:normal}}.user-flag-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;line-height:1;margin-right:.5rem}@media(prefers-contrast:more){.profile-hero,.profile-completion-indicator,.profile-action-panel,.profile-action-panel[open],.profile-completion-link,.overall-stat,.overall-stats-grid--precision .overall-stat,.overall-stats-grid--history .overall-stat,.overall-stats-section-summary,.overall-stats-section--history,.profile-status-badge{background:var(--color-surface-card,#fff);color:var(--color-text-primary,#111827);border:2px solid var(--color-text-primary,#111827);box-shadow:none}.profile-hero{background:var(--color-surface-card,#fff)}.profile-completion-indicator,.profile-completion-link{backdrop-filter:none}.profile-completion-link:hover,.profile-completion-link:focus{background:var(--color-surface-card,#fff);border-color:var(--color-text-primary,#111827);box-shadow:none;transform:none}.profile-completion-link:focus-visible{box-shadow:0 0 0 3px var(--color-text-primary,#111827)}.profile-completion-badge{background:var(--color-primary-base,#4338ca);color:var(--color-primary-text-on-base,#fff);border:2px solid var(--color-primary-base,#4338ca);box-shadow:none}.profile-completion-hint,.profile-completion-percentage,.profile-completion-link i,.profile-completion-missing,.profile-completion-missing li{color:inherit}.profile-completion-bar{border:2px solid var(--color-text-primary,#111827);background:transparent}.profile-completion-bar-fill{background:var(--color-primary-base,#4338ca)}.profile-hero-status-label{background:var(--color-surface-card,#fff);color:var(--color-text-primary,#111827);border:2px solid var(--color-text-primary,#111827);box-shadow:none}.profile-hero-status-label::before{box-shadow:0 0 0 2px var(--color-text-primary,#111827)}.profile-status-badge,.profile-status-badge.is-online,.profile-status-badge.is-offline{background:var(--color-surface-card,#fff);color:var(--color-text-primary,#111827);border:2px solid var(--color-text-primary,#111827);box-shadow:none;--profile-status-dot-color:currentColor}.profile-status-badge::before{background-color:currentColor;border-color:var(--color-surface-card,#fff)}.profile-action-panel--highlight{outline:2px solid var(--color-text-primary,#111827);animation:none}.profile-action-panel[open]>.profile-action-summary{background:transparent;color:inherit}.profile-action-summary-icon{background:transparent;color:inherit;border:2px solid currentColor}.profile-action-summary-icon .icon{color:inherit;fill:currentColor;stroke:currentColor}.overall-stat-label,.overall-stat-value,.overall-stat-label i{color:inherit}.overall-stat-label i{fill:currentColor;stroke:currentColor}.overall-stats-section-summary::after{color:currentColor}.overall-stats-grid--highlights .overall-stat{background:var(--color-primary-base,#4338ca);color:var(--color-primary-text-on-base,#fff);border-color:var(--color-primary-base,#4338ca)}.overall-stats-grid--highlights .overall-stat-label,.overall-stats-grid--highlights .overall-stat-label i,.overall-stats-grid--highlights .overall-stat-value{color:var(--color-primary-text-on-base,#fff)}.profile-hero-highlight{background:var(--color-primary-base,#4338ca);color:var(--color-primary-text-on-base,#fff);border:2px solid var(--color-primary-base,#4338ca);box-shadow:none}.profile-hero-highlight .profile-hero-highlight-label,.profile-hero-highlight .profile-hero-highlight-value,.profile-hero-highlight .profile-hero-highlight-icon{color:var(--color-primary-text-on-base,#fff)}.profile-hero-highlight .profile-hero-highlight-icon,.icon,.overall-stat-label i{fill:currentColor;stroke:currentColor}}@media(forced-colors:active){.profile-hero,.profile-completion-indicator,.profile-action-panel,.overall-stat{background:Canvas;border:1px solid CanvasText;color:CanvasText;box-shadow:none}.profile-hero-highlight,.overall-stats-grid--highlights .overall-stat{background:Highlight;border:1px solid Highlight;color:HighlightText;box-shadow:none}.profile-hero-highlight .profile-hero-highlight-icon,.profile-hero-highlight .profile-hero-highlight-label,.profile-hero-highlight .profile-hero-highlight-value{color:currentColor}.profile-completion-indicator{backdrop-filter:none}.profile-action-panel[open]{background:Canvas;border-color:CanvasText;box-shadow:none}.profile-action-panel--highlight{outline:1px solid Highlight;box-shadow:none}.overall-stats-grid--precision .overall-stat,.overall-stats-grid--history .overall-stat{background:Canvas;border-color:CanvasText;box-shadow:none}.overall-stats-section--history{border-color:CanvasText;background:Canvas}.overall-stats-section-summary,.overall-stats-section--history[open] .overall-stats-section-summary{background:Canvas;border:1px solid CanvasText;color:CanvasText}.overall-stats-section-summary::after{color:currentColor}.overall-stat-label,.overall-stat-label i{color:currentColor}.icon,.profile-hero-status-label{color:currentColor}.icon{fill:currentColor;stroke:currentColor}.profile-hero-status-label{background:ButtonFace;border:1px solid currentColor;box-shadow:none}.profile-hero-status-label.is-online,.profile-hero-status-label.is-offline{background:ButtonFace}.profile-hero-status-label::before{box-shadow:0 0 0 2px currentColor}}