:root{--primary-red: #d8222a;--primary-blue: #043674;--primary-green: #06a955;--primary-gold: #dfa90e;--secondary-blue: #074390;--secondary-sky: #3089d5;--secondary-green: #6ebf4d;--secondary-rose: #cc7a83;--secondary-cyan: #0178ac;--text-strong: #000000;--text-main: #1a1918;--text-soft: #9e9f9e;--bg-main: #f4f7fb;--bg-panel: rgba(255, 255, 255, .97);--bg-accent: #eef4fb;--line: #c9d6e6;--text: var(--text-main);--muted: var(--text-soft);--focus: var(--secondary-blue);--danger: var(--primary-red);--shadow: 0 14px 34px rgba(28, 39, 56, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:IBM Plex Sans,"Source Sans 3",Helvetica Neue,sans-serif;background:radial-gradient(circle at top right,rgba(48,137,213,.14),transparent 32%),radial-gradient(circle at top left,rgba(223,169,14,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(216,34,42,.08),transparent 26%),linear-gradient(180deg,#ffffffdb,#fff0),var(--bg-main)}#root{min-height:100vh}.app-shell{width:100%;max-width:none;margin:0;padding:.95rem}.app-header{position:relative;margin-bottom:1rem;border:1px solid var(--line);background:linear-gradient(135deg,#0436740a,#ffffffeb 32%,#dfa90e1a),#fffffff7;border-radius:14px;padding:1.15rem 1.35rem 0;box-shadow:0 1px #fffc,var(--shadow);overflow:visible}.app-header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.2rem;padding-bottom:1rem;position:relative;z-index:4}.app-header-copy{min-width:0;flex:0 1 auto;display:grid;gap:.42rem}.app-header-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.app-header h1{margin:0;color:var(--primary-blue);font-size:clamp(1.45rem,2.7vw,2.15rem);font-weight:700;letter-spacing:.01em}.app-header p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.app-mode-badge{display:inline-flex;align-items:center;padding:.24rem .58rem;border-radius:999px;border:1px solid rgba(4,54,116,.18);background:#07439014;color:var(--secondary-blue);font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.app-mode-badge[data-mode=production]{border-color:#0436743d;background:#04367414;color:var(--primary-blue)}.app-mode-badge[data-mode=lab]{border-color:#dfa90e57;background:#dfa90e24;color:#8e6700}.app-header-summary{width:fit-content;max-width:100%;display:inline-flex;align-items:center;padding:.28rem .62rem;border:1px solid rgba(4,54,116,.12);border-radius:999px;background:#ffffffd9;color:var(--secondary-blue);font-size:.78rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.app-header-side{display:flex;align-items:flex-start;min-width:0;flex:0 1 auto;gap:.95rem;margin-left:auto}.app-header-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0;flex:0 1 auto;max-width:100%;gap:.7rem;position:relative}.app-header-primary-tools{display:flex;align-items:center;gap:.7rem;min-width:0;flex:0 0 auto}.app-header-matrix-picker{width:300px;min-width:300px;max-width:300px;flex:0 0 300px;gap:0;z-index:6}.app-header-matrix-picker .matrix-picker-label{display:none}.app-header-matrix-picker .matrix-picker-trigger{min-height:0;padding:.68rem .8rem;border-radius:12px;gap:.65rem;box-shadow:0 8px 18px #2131450d}.app-header-matrix-picker .matrix-picker-trigger-copy{gap:.16rem}.app-header-matrix-picker .matrix-picker-trigger-heading{flex-wrap:nowrap;gap:.35rem}.app-header-matrix-picker .matrix-picker-trigger-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-matrix-picker .matrix-count-badge{display:none}.app-header-matrix-picker .matrix-picker-trigger-meta{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-logo-frame{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:0;padding:.42rem .72rem;border:1px solid rgba(4,54,116,.14);border-radius:14px;background:#ffffffdb;box-shadow:0 8px 18px #04367414}.app-header-logo{display:block;width:clamp(152px,16vw,220px);height:auto}.app-query-picker{position:relative;min-width:min(320px,28vw);max-width:min(360px,100%);z-index:5}.app-query-picker-label{display:block;color:var(--secondary-blue);font-weight:700;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.app-query-picker-trigger{width:100%;min-height:0;border:1px solid rgba(4,54,116,.16);border-radius:12px;padding:.78rem .9rem;background:linear-gradient(180deg,#fffffffa,#eef4fbf0);color:inherit;display:flex;align-items:center;justify-content:space-between;gap:.8rem;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 18px #2131450d;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.app-query-picker-trigger:hover:not(:disabled){border-color:#04367447;background:#fff;transform:translateY(-1px)}.app-query-picker-trigger:focus-visible,.app-icon-button:focus-visible,.app-query-option:focus-visible,.matrix-picker-trigger:focus-visible,.matrix-picker-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-query-picker-trigger:disabled{cursor:not-allowed;opacity:.7}.app-query-picker.is-open .app-query-picker-trigger{border-color:#d8222a6b;background:#fff;box-shadow:0 16px 34px #0436741f}.app-query-picker.is-error .app-query-picker-trigger{border-color:#d8222a73}.app-query-picker-copy{min-width:0;display:grid;gap:.18rem}.app-query-picker-name{display:block;color:var(--primary-blue);font-size:.94rem;font-weight:700;line-height:1.2;word-break:break-word}.app-query-picker-description{display:block;color:var(--muted);font-size:.78rem;line-height:1.3}.app-query-picker-chevron{flex:0 0 auto;width:2rem;height:2rem;border:1px solid rgba(4,54,116,.14);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--secondary-blue);background:#fff;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.app-query-picker.is-open .app-query-picker-chevron{transform:rotate(180deg);box-shadow:0 8px 18px #223a571f}.app-query-picker-chevron svg,.app-icon-button svg{width:1.15rem;height:1.15rem}.app-query-picker-popover{position:absolute;top:calc(100% + .55rem);right:0;width:min(560px,calc(100vw - 2rem));opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .17s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;z-index:20}.app-query-picker.is-open .app-query-picker-popover{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .17s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.app-query-picker-panel{display:grid;gap:.65rem;padding:.8rem;border:1px solid rgba(4,54,116,.14);border-radius:14px;background:linear-gradient(180deg,#fffffffb,#f0f6fcf5),#fffffffa;box-shadow:0 24px 54px #18273b24,0 6px 18px #18273b0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-query-option{width:100%;padding:.88rem .94rem;border:1px solid rgba(4,54,116,.12);border-radius:12px;background:#ffffffeb;color:inherit;display:grid;gap:.34rem;text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.app-query-option:hover{transform:translateY(-1px);border-color:#3089d575;background:#fff;box-shadow:0 10px 24px #04367414}.app-query-option.is-selected{border-color:#d8222a5c;background:#d8222a0f;box-shadow:inset 0 1px #ffffffd1}.app-query-option-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.app-query-option-name{color:var(--primary-blue);font-size:.94rem;font-weight:700;line-height:1.25}.app-query-option-description{color:var(--muted);font-size:.79rem;line-height:1.42}.app-query-option-badge{flex:0 0 auto;padding:.18rem .48rem;border-radius:999px;background:#06a9551f;color:var(--primary-green);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.app-icon-button{border:1px solid rgba(4,54,116,.16);border-radius:11px;width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(180deg,#fffffffa,#eef4fbf0);color:var(--secondary-blue);font:inherit;line-height:1;cursor:pointer;box-shadow:0 8px 18px #2131450d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.app-icon-button:hover:not(:disabled){transform:translateY(-1px);border-color:#d8222a47;box-shadow:0 12px 24px #0436741a}.app-icon-button:disabled{opacity:.5;cursor:not-allowed}.app-nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(4,54,116,.12);margin:0 -1.35rem;padding:0 1.35rem}.app-nav-link{position:relative;display:inline-flex;align-items:center;padding:.95rem .78rem .9rem;color:var(--secondary-blue);text-decoration:none;font-weight:600;transition:color .16s ease}.app-nav-link:after{content:"";position:absolute;left:.78rem;right:.78rem;bottom:0;height:2px;border-radius:999px;background:var(--primary-red);opacity:0;transform:scaleX(.66);transition:opacity .16s ease,transform .16s ease}.app-nav-link:hover,.app-nav-link.active{color:var(--primary-red)}.app-nav-link.active:after{opacity:1;transform:scaleX(1)}.view-root{display:grid;gap:1rem;width:100%;min-width:0}.explanation-root{gap:1rem}.explanation-hero,.explanation-section{padding:1.1rem 1.2rem}.explanation-kicker{display:inline-flex;width:fit-content;padding:.24rem .56rem;border:1px solid rgba(216,34,42,.22);border-radius:999px;background:#d8222a14;color:var(--primary-red);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.explanation-hero h2,.explanation-section h3,.explanation-card h4,.explanation-example-card h4{margin:0;color:var(--primary-blue)}.explanation-hero{display:grid;gap:.8rem;background:linear-gradient(135deg,#0436740d,#fffffff5 38%,#dfa90e1f),var(--bg-panel)}.explanation-hero p,.explanation-section p{margin:0;line-height:1.55}.explanation-hero-formulas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.explanation-hero-formula{display:grid;gap:.24rem;padding:.9rem 1rem;border:1px solid rgba(4,54,116,.14);border-radius:16px;background:#ffffffd6;box-shadow:inset 0 1px #ffffffd9}.explanation-hero-formula-wide{grid-column:1 / -1}.explanation-hero-formula strong{color:var(--primary-red);font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}.explanation-hero-formula span,.explanation-inline-formula{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;color:var(--text-strong)}.explanation-note{padding:.72rem .86rem;border:1px solid rgba(7,67,144,.16);border-radius:14px;background:#0743900f}.explanation-note strong{color:var(--secondary-blue)}.explanation-hero-example{display:grid;gap:.7rem}.explanation-section{display:grid;gap:.9rem}.explanation-section-header{display:grid;gap:.3rem}.explanation-grid,.explanation-example-grid{display:grid;gap:.8rem}.explanation-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.explanation-grid-factors{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.explanation-example-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.explanation-card,.explanation-example-card{display:grid;gap:.45rem;padding:.95rem 1rem;border:1px solid rgba(4,54,116,.12);border-radius:16px;background:#ffffffe6;box-shadow:0 10px 24px #0436740d}.explanation-card p,.explanation-example-card p{color:var(--text)}.explanation-list{margin:0;padding-left:1.1rem;display:grid;gap:.18rem}.explanation-sample-card{position:relative;width:100%;padding:.64rem .64rem .6rem;border:1px solid rgba(4,54,116,.16);border-radius:16px;background:linear-gradient(180deg,#fff,#f0f6fcfa);box-shadow:0 18px 40px #04367429}.explanation-hover-dot{background:linear-gradient(135deg,var(--primary-red) 0%,var(--secondary-blue) 52%,var(--primary-green) 100%)}.panel{border:1px solid var(--line);border-radius:14px;background:var(--bg-panel);box-shadow:var(--shadow);min-width:0}.controls-panel{display:grid;gap:.9rem;padding:1rem}.table-inline-toolbar{display:grid;gap:1rem;padding:.25rem .25rem 1rem}.query-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.query-controls label{font-weight:600}.query-controls select,.query-controls button,.search-row input,.filter-row input,.filter-row select,.pagination-row select{border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;background:#fffffffa;color:inherit;font:inherit}.query-controls button,.pagination-row button{background:#07439014;border-color:#0743903d;color:var(--secondary-blue);cursor:pointer}.query-controls button:disabled,.pagination-row button:disabled{opacity:.5;cursor:not-allowed}.matrix-picker{position:relative;display:grid;gap:.34rem;flex:1 1 460px;min-width:min(560px,100%)}.matrix-picker-label{color:var(--secondary-blue);font-size:.84rem;font-weight:700;letter-spacing:.01em}.matrix-picker-trigger{width:100%;min-height:5rem;padding:.85rem .95rem .85rem 1rem;border:1px solid rgba(4,54,116,.18);border-radius:18px;background:linear-gradient(135deg,#fffffffa,#eff7fdf5),#fffffff5;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:.9rem;text-align:left;box-shadow:inset 0 1px #ffffff9e,0 14px 34px #16416117;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease,background-color .17s ease}.matrix-picker-trigger:hover:not(:disabled){border-color:#d8222a47;background:linear-gradient(135deg,#fffffffc,#f4fafffa),#fffffffa;transform:translateY(-1px)}.matrix-picker.is-open .matrix-picker-trigger{border-color:#d8222a61;box-shadow:inset 0 1px #ffffff9e,0 20px 44px #143f6229}.matrix-picker-trigger:disabled{cursor:not-allowed}.matrix-picker-trigger-copy{min-width:0;display:grid;gap:.38rem}.matrix-picker-trigger-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.matrix-picker-trigger-name{color:var(--primary-blue);font-size:1.04rem;font-weight:800;line-height:1.15}.matrix-picker-trigger-meta{color:var(--muted);font-size:.8rem;line-height:1.35}.matrix-stage-badge,.matrix-count-badge,.matrix-picker-option-chip,.matrix-picker-group-stats span{display:inline-flex;align-items:center;border-radius:999px;font-size:.74rem;font-weight:700;line-height:1;white-space:nowrap}.matrix-stage-badge{padding:.25rem .58rem;border:1px solid var(--matrix-stage-border, rgba(111, 146, 172, .55));background:var(--matrix-stage-bg, rgba(224, 237, 248, .92));color:var(--matrix-stage-text, #29577b)}.matrix-count-badge{padding:.24rem .54rem;border:1px solid rgba(7,67,144,.18);background:#07439014;color:var(--secondary-blue)}.matrix-stage-badge[data-stage=sen]{--matrix-stage-bg: rgba(7, 67, 144, .12);--matrix-stage-border: rgba(7, 67, 144, .32);--matrix-stage-text: var(--secondary-blue)}.matrix-stage-badge[data-stage=jun]{--matrix-stage-bg: rgba(223, 169, 14, .14);--matrix-stage-border: rgba(223, 169, 14, .34);--matrix-stage-text: #8e6700}.matrix-stage-badge[data-stage=ag]{--matrix-stage-bg: rgba(6, 169, 85, .12);--matrix-stage-border: rgba(6, 169, 85, .32);--matrix-stage-text: var(--primary-green)}.matrix-stage-badge[data-stage=nd]{--matrix-stage-bg: rgba(1, 120, 172, .12);--matrix-stage-border: rgba(1, 120, 172, .3);--matrix-stage-text: var(--secondary-cyan)}.matrix-stage-badge[data-stage=ng]{--matrix-stage-bg: rgba(204, 122, 131, .14);--matrix-stage-border: rgba(204, 122, 131, .34);--matrix-stage-text: #9a4d57}.matrix-stage-badge[data-stage=other]{--matrix-stage-bg: rgba(158, 159, 158, .14);--matrix-stage-border: rgba(158, 159, 158, .28);--matrix-stage-text: #555655}.matrix-picker-trigger-icon{flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-red);background:linear-gradient(180deg,#fff5f6f5,#f9e5e8eb);box-shadow:inset 0 1px #ffffffc7;transition:transform .18s ease,box-shadow .18s ease}.matrix-picker.is-open .matrix-picker-trigger-icon{transform:rotate(180deg);box-shadow:inset 0 1px #ffffffc7,0 6px 16px #1a4d742e}.matrix-picker-trigger-icon svg{width:1.15rem;height:1.15rem}.matrix-picker-modal{position:fixed;inset:0;z-index:140;pointer-events:none}.matrix-picker-modal.is-visible{pointer-events:auto}.matrix-picker-backdrop{position:absolute;inset:0;background:#0c131f85;opacity:0;transition:opacity .22s ease}.matrix-picker-modal.is-visible .matrix-picker-backdrop{opacity:1}.matrix-picker-modal-shell{position:relative;z-index:1;height:100%;overflow:hidden}.matrix-picker-modal-panel{position:fixed;--matrix-picker-offset-x: 0px;--matrix-picker-offset-y: -18px;--matrix-picker-scale-x: .92;--matrix-picker-scale-y: .92;--matrix-picker-left: 1rem;--matrix-picker-top: 1rem;--matrix-picker-width: min(840px, calc(100vw - 2rem) );--matrix-picker-max-height: calc(100dvh - 2rem) ;--matrix-picker-origin-x: 50%;--matrix-picker-origin-y: 2.2rem;left:var(--matrix-picker-left);top:var(--matrix-picker-top);width:var(--matrix-picker-width);max-height:var(--matrix-picker-max-height);opacity:0;transform:translate(var(--matrix-picker-offset-x),var(--matrix-picker-offset-y)) scale(var(--matrix-picker-scale-x),var(--matrix-picker-scale-y));transform-origin:var(--matrix-picker-origin-x) var(--matrix-picker-origin-y);transition:opacity .19s ease,transform .28s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.matrix-picker-modal.is-visible .matrix-picker-modal-panel{opacity:1;transform:translate(0) scale(1)}.matrix-picker-panel{display:grid;gap:.85rem;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.95rem;border:1px solid rgba(4,54,116,.14);border-radius:22px;background:linear-gradient(180deg,#fffffffb,#f3f9fff6),#fffffff7;box-shadow:0 28px 70px #12375938,0 8px 22px #12375914;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.matrix-picker-overview{display:flex;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem .95rem;border:1px solid rgba(4,54,116,.12);border-radius:18px;background:linear-gradient(135deg,#f0f6fcfa,#fff8e7f5),#f8fbfff5}.matrix-picker-overview-copy,.matrix-picker-overview-stat{display:grid;gap:.16rem}.matrix-picker-overview-copy strong,.matrix-picker-overview-stat strong{color:var(--primary-blue);font-size:.98rem}.matrix-picker-overview-copy span,.matrix-picker-overview-stat span{color:var(--muted);font-size:.8rem}.matrix-picker-overview-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800;color:var(--secondary-blue)}.matrix-picker-overview-stat{justify-items:end;text-align:right}.matrix-picker-group{--matrix-group-border: rgba(136, 171, 198, .46);--matrix-group-surface: rgba(236, 245, 252, .72);--matrix-group-shadow: rgba(18, 55, 89, .08);--matrix-group-accent: var(--secondary-blue);display:grid;gap:.72rem;padding:.9rem;border:1px solid var(--matrix-group-border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--matrix-group-surface)),#fffffff7;box-shadow:0 12px 24px var(--matrix-group-shadow)}.matrix-picker-group.is-active-group{box-shadow:0 16px 30px #1237591a,inset 0 0 0 1px #ffffff85}.matrix-picker-group[data-stage=sen]{--matrix-group-border: rgba(7, 67, 144, .28);--matrix-group-surface: rgba(238, 244, 251, .82);--matrix-group-accent: var(--secondary-blue)}.matrix-picker-group[data-stage=jun]{--matrix-group-border: rgba(223, 169, 14, .3);--matrix-group-surface: rgba(255, 248, 231, .84);--matrix-group-accent: #a77c00}.matrix-picker-group[data-stage=ag]{--matrix-group-border: rgba(6, 169, 85, .28);--matrix-group-surface: rgba(240, 251, 244, .84);--matrix-group-accent: var(--primary-green)}.matrix-picker-group[data-stage=nd]{--matrix-group-border: rgba(1, 120, 172, .28);--matrix-group-surface: rgba(238, 247, 251, .84);--matrix-group-accent: var(--secondary-cyan)}.matrix-picker-group[data-stage=ng]{--matrix-group-border: rgba(204, 122, 131, .28);--matrix-group-surface: rgba(252, 242, 244, .84);--matrix-group-accent: #a85d67}.matrix-picker-group[data-stage=other]{--matrix-group-border: rgba(158, 159, 158, .26);--matrix-group-surface: rgba(246, 246, 246, .84);--matrix-group-accent: #555655}.matrix-picker-group-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.matrix-picker-group-copy{display:grid;gap:.18rem}.matrix-picker-group-copy h3{margin:0;color:var(--primary-blue);font-size:1rem}.matrix-picker-group-copy p{margin:0;color:var(--muted);font-size:.8rem}.matrix-picker-group-stats{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.36rem}.matrix-picker-group-stats span{padding:.27rem .58rem;border:1px solid color-mix(in srgb,var(--matrix-group-accent) 25%,white);background:color-mix(in srgb,var(--matrix-group-accent) 10%,white);color:color-mix(in srgb,var(--matrix-group-accent) 82%,black)}.matrix-picker-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.matrix-picker-option{--matrix-option-border: rgba(145, 176, 199, .62);--matrix-option-surface: rgba(248, 252, 255, .96);--matrix-option-accent: var(--secondary-blue);width:100%;padding:.8rem .85rem;border:1px solid var(--matrix-option-border);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--matrix-option-surface)),#fffffff5;color:inherit;display:grid;gap:.28rem;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.matrix-picker-option:hover{transform:translateY(-1px);box-shadow:0 10px 22px #12375914}.matrix-picker-option[data-stage=sen]{--matrix-option-border: rgba(7, 67, 144, .3);--matrix-option-surface: rgba(239, 245, 252, .96);--matrix-option-accent: var(--secondary-blue)}.matrix-picker-option[data-stage=jun]{--matrix-option-border: rgba(223, 169, 14, .34);--matrix-option-surface: rgba(255, 248, 232, .97);--matrix-option-accent: #a77c00}.matrix-picker-option[data-stage=ag]{--matrix-option-border: rgba(6, 169, 85, .32);--matrix-option-surface: rgba(239, 251, 244, .97);--matrix-option-accent: var(--primary-green)}.matrix-picker-option[data-stage=nd]{--matrix-option-border: rgba(1, 120, 172, .32);--matrix-option-surface: rgba(239, 248, 252, .97);--matrix-option-accent: var(--secondary-cyan)}.matrix-picker-option[data-stage=ng]{--matrix-option-border: rgba(204, 122, 131, .32);--matrix-option-surface: rgba(252, 243, 245, .97);--matrix-option-accent: #a85d67}.matrix-picker-option[data-stage=other]{--matrix-option-border: rgba(158, 159, 158, .28);--matrix-option-surface: rgba(246, 246, 246, .97);--matrix-option-accent: #555655}.matrix-picker-option.is-selected{border-color:color-mix(in srgb,var(--matrix-option-accent) 56%,white);box-shadow:0 14px 28px #1237591f,inset 0 0 0 1px color-mix(in srgb,var(--matrix-option-accent) 18%,white)}.matrix-picker-option-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.matrix-picker-option-name{color:color-mix(in srgb,var(--matrix-option-accent) 84%,black);font-size:.96rem;font-weight:800}.matrix-picker-option-description{color:var(--muted);font-size:.79rem;line-height:1.35}.matrix-picker-option-badge{flex:0 0 auto;padding:.18rem .48rem;border-radius:999px;background:color-mix(in srgb,var(--matrix-option-accent) 12%,white);color:color-mix(in srgb,var(--matrix-option-accent) 78%,black);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.matrix-picker-option-meta{display:flex;flex-wrap:wrap;gap:.35rem}.matrix-picker-option-chip{padding:.26rem .54rem;border:1px solid color-mix(in srgb,var(--matrix-option-accent) 26%,white);background:color-mix(in srgb,var(--matrix-option-accent) 8%,white);color:color-mix(in srgb,var(--matrix-option-accent) 82%,black)}.search-row{display:grid;gap:.35rem}.search-row label{font-weight:600}.meta-grid{display:grid;gap:.35rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.meta-grid p{margin:0;color:var(--muted)}.column-visibility-grid{margin-top:.6rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.column-actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.column-actions button,.column-toggle-button{border:1px solid var(--line);border-radius:8px;padding:.45rem .65rem;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}.column-actions button{background:#07439014;border-color:#0743903d;color:var(--secondary-blue)}.column-toggle-button{font-size:.9rem}.column-toggle-button.active{border-color:#d8222a47;background:#d8222a14;color:var(--primary-red)}.column-groups{margin-top:.6rem;display:grid;gap:.6rem}.column-group{border:1px solid #d6e3ef;border-radius:10px;padding:.55rem;background:#fbfdff}.column-group-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.45rem}.column-group-title{display:inline-flex;gap:.45rem;align-items:baseline}.column-group-title span{color:var(--muted);font-size:.82rem}.column-group-actions{display:inline-flex;gap:.4rem}.column-group-actions button{border:1px solid #bfd3e4;border-radius:8px;padding:.28rem .5rem;background:#f2f8ff;color:#285274;font:inherit;font-size:.82rem;cursor:pointer}.column-visibility-grid-group{margin-top:0}.error{margin:0;color:var(--danger);font-weight:600}.table-panel{padding:.8rem;overflow:hidden;min-width:0}.table-inline-toolbar+p{margin-top:0}.bars-panel{padding:1rem}.bars-panel h2{margin:0 0 .8rem;font-size:1.25rem}.bars-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:1rem;align-items:start}.bars-chart{min-width:0;display:grid;gap:.28rem}.bars-row{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:.65rem;align-items:center}.bars-row-label{display:grid;gap:.08rem;min-width:0;text-align:right;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-weight:600;color:var(--primary-blue)}.bars-row-name{display:block}.bars-row-rank{display:inline-block;min-width:1.8rem;margin-right:.22rem;color:var(--secondary-blue);font-variant-numeric:tabular-nums}.bars-row-subtitle{display:block;color:var(--secondary-blue);font-weight:500;font-size:.78rem;line-height:1.15}.bars-row-meta{display:block;color:var(--muted);font-weight:500;font-size:.75rem;line-height:1.1}.bars-row-track{display:flex;align-items:center;min-height:52px;min-width:0;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),rgba(4,54,116,.08) calc(12.5% - 1px),rgba(4,54,116,.08) 12.5%);background-size:100% 100%}.bars-row-total{display:flex;min-width:2px;height:42px;border-radius:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0436741f}.bars-segment{height:100%;display:flex;align-items:center;min-width:0;overflow:hidden;transition:opacity .14s ease,filter .14s ease,transform .14s ease,box-shadow .14s ease}.bars-segment.active{filter:brightness(1.14);transform:scale(1.018);box-shadow:0 0 0 1px #ffffff8c,0 0 12px #d8222a33,0 4px 12px #04367433}.bars-segment.dimmed{opacity:.34;filter:saturate(.55) brightness(.9)}.bars-segment-label{display:block;min-width:0;padding:0 .35rem;color:#f8fbff;font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.35)}.bars-hover-card{position:fixed;z-index:30;width:min(760px,calc(100vw - 20px));max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(4,54,116,.16);border-radius:12px;background:linear-gradient(180deg,#fff,#f0f6fcfa);box-shadow:0 18px 40px #04367438;padding:.64rem .64rem .6rem;pointer-events:none}.bars-hover-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:var(--primary-blue)}.bars-hover-dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px}.bars-hover-section+.bars-hover-section{margin-top:.32rem}.bars-hover-section h3{margin:0 0 .14rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-blue)}.bars-hover-tiles{display:grid;gap:.2rem}.bars-hover-tiles.compact,.bars-hover-tiles.basis-row{grid-template-columns:repeat(5,minmax(0,1fr))}.bars-hover-tile{--bars-hover-bg: rgba(248, 252, 255, .95);--bars-hover-border: rgba(4, 54, 116, .14);--bars-hover-label: var(--secondary-blue);--bars-hover-value: var(--text-main);display:grid;min-width:0;gap:.04rem;padding:.18rem .24rem;border:1px solid var(--bars-hover-border);border-radius:7px;background:var(--bars-hover-bg)}.bars-hover-k{color:var(--bars-hover-label);font-weight:700;font-size:.6rem;line-height:1.08}.bars-hover-v{color:var(--bars-hover-value);font-size:.74rem;line-height:1.08;font-variant-numeric:tabular-nums;word-break:break-word}.bars-hover-formula{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem}.bars-hover-formula-part{display:flex;align-items:center;gap:.18rem}.bars-hover-formula-op{color:var(--secondary-blue);font-size:.8rem;font-weight:800;line-height:1}.bars-hover-formula-op.equals{color:var(--primary-blue)}.bars-hover-formula-chip{--bars-hover-bg: rgba(248, 252, 255, .95);--bars-hover-border: rgba(4, 54, 116, .14);--bars-hover-label: var(--secondary-blue);--bars-hover-value: var(--text-main);display:grid;gap:.03rem;min-width:88px;padding:.18rem .26rem;border:1px solid var(--bars-hover-border);border-radius:7px;background:var(--bars-hover-bg)}.bars-hover-formula-result{--bars-hover-label: rgba(255, 255, 255, .78);--bars-hover-value: #ffffff;display:grid;gap:.04rem;padding:.2rem .34rem;border-radius:9px;background:var(--primary-blue);color:#fff}.bars-hover-formula-result .bars-hover-k{color:var(--bars-hover-label)}.bars-hover-formula-result strong{color:var(--bars-hover-value);font-size:1.06rem;line-height:1;font-variant-numeric:tabular-nums}.bars-hover-tile.tone-points,.bars-hover-formula-chip.tone-points{--bars-hover-bg: rgba(48, 137, 213, .1);--bars-hover-border: rgba(48, 137, 213, .26);--bars-hover-label: var(--secondary-blue);--bars-hover-value: var(--secondary-sky)}.bars-hover-tile.tone-points-strong,.bars-hover-formula-chip.tone-points-strong{--bars-hover-bg: rgba(4, 54, 116, .1);--bars-hover-border: rgba(4, 54, 116, .24);--bars-hover-label: var(--secondary-blue);--bars-hover-value: var(--primary-blue)}.bars-hover-tile.tone-competition,.bars-hover-formula-chip.tone-competition{--bars-hover-bg: rgba(223, 169, 14, .12);--bars-hover-border: rgba(223, 169, 14, .28);--bars-hover-label: #8e6700;--bars-hover-value: #986f00}.bars-hover-tile.tone-competition-strong,.bars-hover-formula-chip.tone-competition-strong{--bars-hover-bg: rgba(216, 34, 42, .1);--bars-hover-border: rgba(216, 34, 42, .24);--bars-hover-label: #a64349;--bars-hover-value: var(--primary-red)}.bars-hover-tile.tone-time,.bars-hover-formula-chip.tone-time{--bars-hover-bg: rgba(6, 169, 85, .1);--bars-hover-border: rgba(6, 169, 85, .24);--bars-hover-label: #33805a;--bars-hover-value: var(--primary-green)}.bars-hover-tile.tone-year,.bars-hover-formula-chip.tone-year{--bars-hover-bg: rgba(7, 67, 144, .1);--bars-hover-border: rgba(7, 67, 144, .24);--bars-hover-label: var(--secondary-blue);--bars-hover-value: var(--secondary-blue)}.bars-hover-tile.tone-age,.bars-hover-formula-chip.tone-age{--bars-hover-bg: rgba(204, 122, 131, .12);--bars-hover-border: rgba(204, 122, 131, .26);--bars-hover-label: #9b5f67;--bars-hover-value: #a85d67}.bars-hover-formula-result.tone-result{--bars-hover-label: rgba(255, 255, 255, .78);--bars-hover-value: #ffffff;background:var(--primary-blue)}.bars-total-value{font-weight:700;color:var(--secondary-blue);white-space:nowrap}.bars-legend{border:1px solid var(--line);border-radius:10px;padding:.65rem;background:#ffffffeb;display:grid;gap:.4rem;max-height:calc(100vh - 330px);overflow:auto}.bars-legend-item{display:flex;align-items:center;gap:.45rem;color:var(--secondary-blue);padding:.22rem .28rem;border-radius:8px;transition:opacity .14s ease,background-color .14s ease,color .14s ease}.bars-legend-item.active{background:#d8222a14;color:var(--primary-red)}.bars-legend-item.dimmed{opacity:.42}.bars-legend-dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.bars-legend-link{margin-left:auto;color:var(--primary-red);font-size:.95rem;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1;flex:0 0 auto}.bars-legend-link:hover,.bars-legend-link:focus-visible{color:var(--secondary-blue)}.bars-wettkampf-sections{margin-top:1.15rem;display:grid;gap:1rem}.bars-wettkampf-section{border:1px solid rgba(4,54,116,.12);border-radius:14px;padding:.9rem 1rem 1rem;background:linear-gradient(180deg,#fffffffa,#f2f7fcfa);box-shadow:0 12px 28px #0436740f;scroll-margin-top:1rem}.bars-wettkampf-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem}.bars-wettkampf-title-row{display:flex;align-items:flex-start;gap:.55rem}.bars-wettkampf-title-copy{display:grid;gap:.16rem}.bars-wettkampf-title-copy h3{margin:0;font-size:1rem;color:var(--primary-blue)}.bars-wettkampf-title-copy p{margin:0;color:var(--muted);font-size:.84rem}.bars-wettkampf-factors{display:flex;flex-wrap:wrap;gap:.28rem;align-self:center}.bars-wettkampf-top-link{align-self:start;justify-self:end;color:var(--primary-red);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}.bars-wettkampf-top-link:hover,.bars-wettkampf-top-link:focus-visible{color:var(--secondary-blue);text-decoration:underline}.bars-wettkampf-chart-scroll{margin-top:.9rem;overflow-x:auto;padding-bottom:.15rem}.bars-wettkampf-chart{--bars-wettkampf-column-width: 132px;display:grid;gap:.5rem;min-width:max-content}.bars-wettkampf-grid-row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--bars-wettkampf-column-width);gap:.7rem}.bars-wettkampf-grid-cell{min-width:0;text-align:center}.bars-wettkampf-flags-cell{display:grid;align-content:start;gap:.28rem;min-height:4.65rem}.bars-wettkampf-total-cell{min-height:2rem;display:flex;align-items:flex-start;justify-content:center}.bars-wettkampf-status{display:inline-flex;justify-content:center;padding:.22rem .42rem;border:1px solid rgba(4,54,116,.12);border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bars-wettkampf-status.is-selected{border-color:#06a95542;background:#06a9551f;color:var(--primary-green)}.bars-wettkampf-status.is-unselected{border-color:#d8222a38;background:#d8222a14;color:var(--primary-red)}.bars-wettkampf-status.is-age-switch{border-color:#cc7a8342;background:#cc7a831f;color:#a85d67}.bars-wettkampf-total{color:var(--secondary-blue);font-size:.92rem;font-variant-numeric:tabular-nums;text-align:center}.bars-wettkampf-track{min-height:320px;display:grid;grid-auto-flow:column;grid-auto-columns:var(--bars-wettkampf-column-width);gap:.7rem;align-items:flex-end;border:1px solid rgba(4,54,116,.1);border-radius:12px;padding:.45rem;overflow:hidden;background:linear-gradient(180deg,#07439005,#07439014),repeating-linear-gradient(to top,rgba(4,54,116,.04) 0,rgba(4,54,116,.04) 1px,transparent 1px,transparent calc(20% - 1px))}.bars-wettkampf-bar-slot{min-width:0;height:100%;display:flex;align-items:flex-end}.bars-wettkampf-stack{width:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;min-height:12px;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.bars-wettkampf-empty{width:100%;border:1px dashed rgba(4,54,116,.18);border-radius:10px;padding:.6rem .35rem;color:var(--muted);text-align:center;font-size:.78rem;font-weight:700}.bars-wettkampf-segment{display:grid;align-content:center;justify-items:center;gap:.12rem;min-height:24px;padding:.16rem .2rem;border-top:1px solid rgba(255,255,255,.72);text-align:center;overflow:hidden}.bars-wettkampf-segment:first-child{border-top:0}.bars-wettkampf-segment-main,.bars-wettkampf-segment-points{font-size:.59rem;line-height:1.05;font-variant-numeric:tabular-nums}.bars-wettkampf-segment-main{font-weight:700}.bars-wettkampf-segment-points{font-weight:800}.bars-wettkampf-segment.tone-a{background:#0743902e;color:var(--secondary-blue)}.bars-wettkampf-segment.tone-b{background:#3089d533;color:var(--secondary-sky)}.bars-wettkampf-segment.tone-s{background:#06a9552e;color:var(--primary-green)}.bars-wettkampf-segment.tone-platz{background:#d8222a2e;color:var(--primary-red)}.bars-wettkampf-segment.tone-ziel{background:#dfa90e38;color:#8e6700}.bars-wettkampf-name-cell{min-height:3.5rem;display:flex;align-items:flex-start;justify-content:center;text-align:center}.bars-wettkampf-name-cell strong{color:var(--primary-blue);font-size:.85rem;line-height:1.15}.bars-wettkampf-subtitle-cell{min-height:3.2rem;display:grid;align-content:start;gap:.08rem;text-align:center}.bars-wettkampf-subtitle-cell span{color:var(--muted);font-size:.72rem;line-height:1.15}.bars-wettkampf-ak-note{color:#a85d67;font-weight:700}.table-wrapper{width:100%;max-width:100%;min-width:0;overflow:hidden}.table-scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 330px);border:1px solid var(--line);border-radius:10px;width:100%;max-width:100%;min-width:0}.table-scroll table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.9rem}.table-scroll thead th{position:sticky;top:0;z-index:1;background:#e8f0f8;border-bottom:1px solid var(--line);text-align:left;min-width:160px;max-width:360px;vertical-align:top}.table-scroll thead th.table-tone,.competitions-table thead th.table-tone{background:var(--table-tone-head-bg, #e8f0f8);color:var(--table-tone-text, inherit)}.table-scroll th,.table-scroll td{border-bottom:1px solid #dce7f2;padding:.45rem .55rem;max-width:360px;vertical-align:top}.table-scroll td.table-tone,.competitions-table td.table-tone{background:var(--table-tone-bg, transparent);color:var(--table-tone-text, inherit)}.table-scroll tbody tr:nth-child(2n){background:#eff7fd73}.table-scroll tbody tr:nth-child(2n) td.table-tone,.competitions-table tbody tr:nth-child(2n) td.table-tone{background:var(--table-tone-bg-alt, var(--table-tone-bg, transparent))}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.35rem}.header-top-row.dragging{opacity:.55}.header-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none;min-width:0;text-align:left}.header-button.table-tone{color:var(--table-tone-text, inherit)}.column-drag-handle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9cada;border-radius:6px;background:#f6fbff;color:#2c5f85;font:inherit;line-height:1;padding:.1rem .38rem .18rem;cursor:grab;-webkit-user-select:none;user-select:none}.column-drag-handle:active,.column-drag-handle.dragging{cursor:grabbing}.sort-indicator{font-size:.75rem;opacity:.8}.cell-content{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-content.expanded{white-space:pre-wrap;overflow:visible;text-overflow:clip}.filter-row input,.filter-row select{width:100%;font-size:.82rem}.filter-row input.table-tone,.filter-row select.table-tone{background:var(--table-tone-control-bg, #fff);border-color:var(--table-tone-control-border, var(--line));color:var(--table-tone-text, inherit)}.table-tone.tone-points{--table-tone-bg: rgba(48, 137, 213, .08);--table-tone-bg-alt: rgba(48, 137, 213, .12);--table-tone-head-bg: rgba(48, 137, 213, .16);--table-tone-control-bg: rgba(48, 137, 213, .06);--table-tone-control-border: rgba(48, 137, 213, .28);--table-tone-selected-bg: rgba(48, 137, 213, .16);--table-tone-text: var(--secondary-sky)}.table-tone.tone-competition{--table-tone-bg: rgba(223, 169, 14, .1);--table-tone-bg-alt: rgba(223, 169, 14, .14);--table-tone-head-bg: rgba(223, 169, 14, .18);--table-tone-control-bg: rgba(223, 169, 14, .08);--table-tone-control-border: rgba(223, 169, 14, .28);--table-tone-selected-bg: rgba(223, 169, 14, .18);--table-tone-text: #986f00}.table-tone.tone-competition-strong{--table-tone-bg: rgba(216, 34, 42, .08);--table-tone-bg-alt: rgba(216, 34, 42, .12);--table-tone-head-bg: rgba(216, 34, 42, .16);--table-tone-control-bg: rgba(216, 34, 42, .06);--table-tone-control-border: rgba(216, 34, 42, .26);--table-tone-selected-bg: rgba(216, 34, 42, .16);--table-tone-text: var(--primary-red)}.table-tone.tone-time{--table-tone-bg: rgba(6, 169, 85, .08);--table-tone-bg-alt: rgba(6, 169, 85, .12);--table-tone-head-bg: rgba(6, 169, 85, .16);--table-tone-control-bg: rgba(6, 169, 85, .06);--table-tone-control-border: rgba(6, 169, 85, .26);--table-tone-selected-bg: rgba(6, 169, 85, .16);--table-tone-text: var(--primary-green)}.table-tone.tone-year{--table-tone-bg: rgba(7, 67, 144, .08);--table-tone-bg-alt: rgba(7, 67, 144, .12);--table-tone-head-bg: rgba(7, 67, 144, .16);--table-tone-control-bg: rgba(7, 67, 144, .06);--table-tone-control-border: rgba(7, 67, 144, .26);--table-tone-selected-bg: rgba(7, 67, 144, .16);--table-tone-text: var(--secondary-blue)}.table-tone.tone-age{--table-tone-bg: rgba(204, 122, 131, .1);--table-tone-bg-alt: rgba(204, 122, 131, .14);--table-tone-head-bg: rgba(204, 122, 131, .2);--table-tone-control-bg: rgba(204, 122, 131, .08);--table-tone-control-border: rgba(204, 122, 131, .28);--table-tone-selected-bg: rgba(204, 122, 131, .18);--table-tone-text: #a55f69}.table-tone.tone-result{--table-tone-bg: rgba(4, 54, 116, .08);--table-tone-bg-alt: rgba(4, 54, 116, .12);--table-tone-head-bg: rgba(4, 54, 116, .16);--table-tone-control-bg: rgba(4, 54, 116, .06);--table-tone-control-border: rgba(4, 54, 116, .24);--table-tone-selected-bg: rgba(4, 54, 116, .16);--table-tone-text: var(--primary-blue)}.pagination-row{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.pagination-row label{display:inline-flex;gap:.45rem;align-items:center}.athlete-controls-panel{grid-template-columns:minmax(280px,1.2fr) minmax(240px,1fr);align-items:start}.athlete-picker-block{display:grid;gap:.65rem;min-width:0}.athlete-combobox{position:relative}.athlete-combobox-surface{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:3rem;padding:.42rem .5rem;border:1px solid rgba(4,54,116,.16);border-radius:12px;background:#fffffff2}.athlete-combobox-surface:focus-within{border-color:#d8222a4d;box-shadow:0 0 0 2px #d8222a1a}.athlete-combobox-input{flex:1 1 220px;min-width:170px;border:0;padding:.35rem .1rem;background:transparent;color:inherit;font:inherit}.athlete-combobox-input::-webkit-search-cancel-button{display:none}.athlete-combobox-input:focus{outline:none}.athlete-search-hint{margin:0}.athlete-autocomplete-list{position:absolute;top:calc(100% + .38rem);left:0;width:min(440px,100%);display:grid;gap:.22rem;padding:.38rem;border:1px solid rgba(4,54,116,.14);border-radius:12px;background:#fffffffa;box-shadow:0 16px 36px #1c35511f;z-index:6}.athlete-autocomplete-option,.athlete-autocomplete-empty{border-radius:9px;padding:.48rem .62rem;font-size:.9rem}.athlete-autocomplete-option{border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.athlete-autocomplete-option:hover,.athlete-autocomplete-option:focus-visible{background:#3089d51f}.athlete-autocomplete-empty{color:var(--muted)}.athlete-chip{border:1px solid rgba(4,54,116,.16);border-radius:999px;padding:.28rem .62rem;background:#fff;color:var(--secondary-blue);font:inherit;font-size:.87rem;cursor:pointer}.athlete-chip.active{border-color:#d8222a3d;background:#d8222a14;color:var(--primary-red);font-weight:600}.athlete-chip-removable{display:inline-flex;align-items:center;gap:.38rem}.athlete-chip-remove{font-size:.92em;line-height:1}.muted{color:var(--muted)}.competitions-wrapper{display:grid;gap:.55rem}.matrix-selection-summary{display:inline-flex;align-items:center;gap:.55rem;color:var(--secondary-blue);font-weight:600}.matrix-flag-badge{display:inline-block;border:1px solid rgba(48,137,213,.42);border-radius:999px;background:#3089d51f;color:var(--secondary-blue);font-size:.78rem;font-weight:700;padding:.13rem .52rem;white-space:nowrap}.matrix-flag-placeholder{color:var(--muted);font-weight:600}.competitions-scroll{max-height:calc(100vh - 370px)}.table-scroll .competitions-table{--competitions-header-height: 182px;--competitions-matrix-width: 84px;width:max-content;min-width:max-content;table-layout:fixed;border-collapse:collapse;font-size:.84rem}.table-scroll .competitions-table thead th{min-width:0;max-width:none;width:auto;height:var(--competitions-header-height);vertical-align:bottom;padding:0;overflow:hidden}.competitions-table th,.competitions-table td{min-width:0;max-width:none}.competitions-header-static,.competitions-header-button{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:stretch;gap:.2rem;padding:.4rem .1rem .2rem}.competitions-header-static{cursor:default}.competitions-header-button{font-weight:700}.competitions-header-label-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.competitions-vertical-header{text-align:center}.competitions-vertical-header-text{display:inline-flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;line-height:1;max-height:100%}.competitions-vertical-sort-indicator{font-size:.62rem;line-height:1;padding-bottom:.06rem}.competition-col-matrix{width:var(--competitions-matrix-width);min-width:var(--competitions-matrix-width);max-width:var(--competitions-matrix-width)}.competition-col-compact{width:72px;min-width:72px;max-width:72px}.competition-col-date{width:82px;min-width:82px;max-width:82px}.competition-col-medium{width:94px;min-width:94px;max-width:94px}.competition-col-category{width:108px;min-width:108px;max-width:108px}.competition-col-code{width:72px;min-width:72px;max-width:72px}.competition-col-wide{width:124px;min-width:124px;max-width:124px}.competition-col-athlete{width:148px;min-width:148px;max-width:148px}.competitions-table .matrix-col{width:var(--competitions-matrix-width);min-width:var(--competitions-matrix-width);max-width:var(--competitions-matrix-width);text-align:center}.competitions-table .matrix-flag-badge-cell{font-size:.72rem;padding:.1rem .4rem}.competitions-table th.competition-col-centered,.competitions-table td.competition-col-centered,.competitions-table td.competition-col-centered .cell-content,.competitions-table th.competition-col-centered .cell-content,.competitions-table .competitions-header-button.competition-col-centered{text-align:center}.sticky-matrix-col,.sticky-sportler-col{position:sticky;z-index:1}.sticky-matrix-col{left:0}.sticky-sportler-col{left:var(--competitions-matrix-width)}.competitions-table thead .sticky-matrix-col,.competitions-table thead .sticky-sportler-col{z-index:3}.competitions-table tbody .sticky-matrix-col,.competitions-table tbody .sticky-sportler-col{background:#fff}.competitions-table tbody tr:nth-child(2n) .sticky-matrix-col,.competitions-table tbody tr:nth-child(2n) .sticky-sportler-col{background:#eff7fd73}.matrix-selected-row td{background:#e4f4ff9e}.matrix-selected-row td.table-tone{background:var(--table-tone-selected-bg, rgba(228, 244, 255, .62))}.matrix-selected-row .sticky-matrix-col,.matrix-selected-row .sticky-sportler-col{background:#daeffff2}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media(max-width:800px){.app-shell{padding:.6rem}.app-header{padding:1rem 1rem 0}.app-header-top{flex-direction:column;align-items:stretch;gap:.85rem}.app-header-side{width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-left:0}.app-header-tools{width:auto;flex:1 1 100%;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.app-header-primary-tools{width:100%;flex:1 1 100%}.app-header-matrix-picker{width:auto;min-width:0;max-width:none;flex:1 1 auto}.app-header-logo-frame{min-width:0;padding:.26rem .42rem}.app-header-logo{width:min(160px,42vw)}.app-query-picker{min-width:0;width:100%;flex:1 1 100%}.app-nav{margin:0 -1rem;padding:0 1rem;overflow-x:auto;flex-wrap:nowrap}.app-query-picker-popover{left:0;right:auto;width:100%;transform-origin:top center}.controls-panel,.table-panel{padding:.65rem}.table-scroll{max-height:calc(100vh - 270px)}.query-controls{align-items:stretch}.matrix-picker{min-width:0}.matrix-picker-modal-shell{overflow:visible}.matrix-picker-modal-panel{width:var(--matrix-picker-width, calc(100vw - 1.3rem) );max-height:var(--matrix-picker-max-height, calc(100dvh - 1.3rem) )}.matrix-picker-overview,.matrix-picker-group-header{flex-direction:column;align-items:flex-start}.matrix-picker-overview-stat,.matrix-picker-group-stats{justify-items:start;text-align:left;justify-content:flex-start}.query-controls select,.query-controls button{width:100%}.column-group-header{flex-direction:column;align-items:flex-start}.athlete-controls-panel{grid-template-columns:1fr}.athlete-combobox-input{min-width:100%}.competitions-scroll{max-height:calc(100vh - 300px)}.bars-layout{grid-template-columns:1fr}.bars-row{grid-template-columns:1fr;gap:.2rem}.bars-row-label{text-align:left}.bars-legend{max-height:260px}.bars-wettkampf-section{padding:.8rem .8rem .9rem}.bars-wettkampf-header{grid-template-columns:1fr}.bars-wettkampf-top-link{justify-self:end}.bars-wettkampf-chart{--bars-wettkampf-column-width: 118px}.bars-wettkampf-track{min-height:280px}.bars-hover-card{width:min(520px,calc(100vw - 20px));max-height:min(86vh,680px)}.bars-hover-tiles.compact,.bars-hover-tiles.basis-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.bars-wettkampf-chart{--bars-wettkampf-column-width: 108px}.bars-wettkampf-track{min-height:240px;padding:.32rem}.bars-wettkampf-segment{min-height:22px}.bars-hover-tiles.compact,.bars-hover-tiles.basis-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bars-hover-formula-chip{min-width:0}.bars-hover-formula-result{width:100%}}
