:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f1f4f9}#app{--bg:#edf2f8;--panel:#fff;--surface:#f4f7fb;--ink:#192b3e;--muted:#66798c;--edge:#dce5ef;--grid:#e7edf4;--blue:#197ac9;--orange:#dd8030;--aqua:#0e9fa4;--parentbar:#354966;--daughterbar:#21c9a0;--shadow:0 8px 26px #1b3b6212;background:var(--bg);color:var(--ink);height:100dvh;display:flex;flex-direction:column;font-size:13px}#app[data-theme=dark]{--bg:#101926;--panel:#182636;--surface:#1f3144;--ink:#eaf2f9;--muted:#a6b8ca;--edge:#344659;--grid:#2a3b4d;--blue:#65b5ff;--orange:#ffb569;--aqua:#49c9c1;--parentbar:#435675;--daughterbar:#5ef1b6;--shadow:0 8px 26px #0002}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.header{height:62px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:14px;box-shadow:0 2px 12px #00000008}.identity{display:flex;align-items:center;gap:11px;min-width:0}.logo{width:40px;height:40px;background:linear-gradient(140deg,#0878c7,#15a5ae);border-radius:12px;display:grid;place-items:center;color:#fff;font-size:27px;font-weight:300;flex-shrink:0}.identity h1{font-size:15px;letter-spacing:.07em;margin:0;font-weight:850}.identity p{font-size:10px;color:var(--muted);margin:1px 0 0;letter-spacing:.055em}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:end}button{border:1px solid var(--edge);color:var(--ink);background:var(--panel);padding:7px 10px;border-radius:8px;font-weight:680;font-size:11px}button:hover{background:var(--surface);border-color:var(--blue)}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.active{border-color:var(--blue);color:var(--blue);background:var(--surface)}.version{font-size:10px;color:var(--muted);border-radius:20px;border:1px solid var(--edge);padding:5px 9px;white-space:nowrap}.workspace{flex:1;min-height:0;padding:12px;display:grid;grid-template-columns:minmax(0,65fr) minmax(310px,35fr);gap:12px}.visual{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(270px,1fr) auto;gap:11px}.card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;box-shadow:var(--shadow);min-width:0}.chartcard{display:flex;flex-direction:column;overflow:hidden;min-height:0}.bar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 14px 8px;border-bottom:1px solid var(--edge)}.bar strong{font-size:13px}.sub{font-size:11px;color:var(--muted);margin-top:2px}.btnrow{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.iconbtn{padding:5px 9px}.plotcontainer{min-height:0;flex:1;position:relative;padding:4px 10px 2px 4px}.plotcontainer svg{height:100%;width:100%;display:block;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.plotcontainer svg.panning{cursor:grabbing}.plotwarning{position:absolute;left:20px;top:13px;background:var(--panel);border:1px solid var(--orange);border-radius:7px;padding:6px 9px;font-size:11px;box-shadow:var(--shadow);display:none}.plotwarning button{padding:3px 5px;font-size:10px;margin-left:5px}.chartbottom{border-top:1px solid var(--edge);padding:7px 14px 9px;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.legends{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.legend{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--muted)}.splot{width:16px;height:3px;border-radius:5px;background:var(--blue)}.spot{width:11px;height:11px;border:2px solid var(--orange);border-radius:50%;background:#f3c69355}.sfix{background:#97a9b9;opacity:.8}.lower{display:grid;grid-template-rows:auto auto;gap:10px;min-height:0}.timecard{padding-bottom:7px;overflow:hidden}.timelinebox{height:114px;padding:1px 13px 0}.timelinebox svg{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.timelabel{font-size:10px;color:var(--muted);padding:0 14px 3px;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.readouts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:8px}.readout{padding:11px 13px;min-width:0}.readout .key{color:var(--muted);font-size:10px;white-space:nowrap}.readout b{font-size:17px;font-variant-numeric:tabular-nums;display:block;line-height:1.4;white-space:nowrap}.readout small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.readout.status b{font-size:13px;white-space:normal}.sidebar{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:var(--edge) transparent}.sidebar section{margin-bottom:12px}.pad{padding:13px}.sectiontitle{font-size:13px;font-weight:780;display:flex;justify-content:space-between;align-items:center;gap:8px}.switch{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.switch input{accent-color:var(--blue);width:17px;height:17px}.sys{background:var(--surface);border:1px solid var(--edge);border-left:3px solid var(--blue);border-radius:9px;padding:10px;margin-top:10px}.sys.b{border-left-color:var(--orange)}.sys.active{box-shadow:0 0 0 1px var(--blue)}.sys.b.active{box-shadow:0 0 0 1px var(--orange)}.systitle{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:780;font-size:12px}.systitle .blue{color:var(--blue)}.systitle .orange{color:var(--orange)}.smallbtn{font-size:10px;padding:4px 6px}.fieldhead{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px;font-size:11px;color:var(--muted)}.field{display:flex;align-items:center;gap:6px}.field input[type=range]{flex:1;min-width:0;width:100%;accent-color:var(--blue)}.sys.b input[type=range]{accent-color:var(--orange)}.field input[type=number]{border:1px solid var(--edge);color:var(--ink);background:var(--panel);width:104px;min-width:0;padding:5px 6px;border-radius:6px;font-variant-numeric:tabular-nums;font-size:11px}.field .unit{font-size:10px;color:var(--muted)}.frac{display:flex;height:8px;overflow:hidden;border-radius:50px;background:var(--edge);margin-top:5px}.frac .parent{background:var(--parentbar)}.frac .daughter{background:var(--daughterbar)}.fractext{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:8px;margin-top:3px;font-variant-numeric:tabular-nums}.fixeditem{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:7px;border:1px solid var(--edge);background:var(--surface);border-radius:6px;padding:5px 7px;margin-top:6px}.minirow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.textnote{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 0}details{border-top:1px solid var(--edge);margin-top:11px;padding-top:10px}summary{cursor:pointer;font-weight:750;font-size:12px}.range{width:100%;accent-color:var(--blue)}.tiny{font-size:10px;color:var(--muted)}.hint{font-size:11px;background:var(--surface);border-radius:7px;padding:8px 9px;margin-top:8px;line-height:1.55}.warning{color:var(--orange)}.tutorial{position:fixed;z-index:200;bottom:18px;right:20px;background:var(--panel);color:var(--ink);border:1px solid var(--blue);border-radius:13px;box-shadow:0 15px 45px #0004;padding:17px;width:min(350px,calc(100vw - 32px));display:none}.tutorial.show{display:block}.tutorial h3{font-size:15px;margin:4px 0}.tutorial p{font-size:12px;color:var(--muted);line-height:1.55}.tutorial .buttons{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.tut-target{position:relative!important;z-index:120!important;outline:3px solid #17b6d0!important;outline-offset:3px!important;box-shadow:0 0 0 7px #13b5d028,0 0 28px #13b5d055!important}.tut-target:after{content:"";pointer-events:none}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;border:0}@media(max-width:850px){html,body{overflow:hidden;height:100%}#app{height:100dvh;min-height:0}.workspace{display:flex;flex-direction:column;padding:7px;min-height:0;gap:6px}.visual{flex:0 0 73%;min-height:0;display:grid;grid-template-rows:minmax(165px,1fr) auto;gap:6px}.chartcard{height:auto;min-height:0}.plotcontainer{min-height:0}.lower{display:flex;flex-direction:column;gap:6px}.timelinebox{height:95px}.timecard .bar{padding:5px 8px}.timecard .sub{display:none}.readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.readout{padding:6px 8px}.readout b{font-size:13px}.readout small{font-size:9px}.sidebar{flex:1;min-height:0;overflow-y:auto;padding-right:2px}.header{height:auto;min-height:56px;flex-wrap:wrap;padding:7px}.sidebar .sys{margin-top:7px}}@media(max-width:530px){.identity p{display:none}.header{gap:8px}.version{display:none}.actions button{padding:5px 7px}.visual{flex-basis:71%}.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.readout.status{grid-column:auto}.readout b{font-size:11px}.readout.status b{font-size:10px}.readout .key{font-size:9px}.bar{padding:6px}.bar .btnrow{width:100%;justify-content:flex-end}.plotcontainer{padding:0}.chartbottom{padding:5px}.tutorial{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.header{height:49px;padding:0 13px}.identity .logo{width:34px;height:34px;font-size:22px}.identity h1{font-size:14px}.workspace{padding:8px;gap:9px}.visual{grid-template-rows:minmax(0,1fr) auto;gap:6px}.chartcard{border-radius:10px}.chartbar{min-height:39px;padding:6px 12px;border-bottom:1px solid var(--edge)}.chartbar strong{font-size:13px}.plotcontainer{padding:0;min-height:0;display:flex;flex:1}.plotcontainer svg{height:100%;width:100%;flex:1;display:block}.age-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--edge);padding:9px 14px 10px;gap:0;background:var(--panel);flex-shrink:0}.age-cell{padding:0 13px;min-width:0;border-right:1px solid var(--edge);display:flex;flex-direction:column;justify-content:center;gap:2px}.age-cell:first-child{padding-left:2px}.age-cell:last-child{border-right:0;padding-right:0}.age-key{color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}.age-cell strong{font-size:17px;font-weight:760;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.25}.age-cell:nth-child(1) strong{color:var(--blue)}.age-cell:nth-child(2) strong{color:var(--orange)}.age-line{display:flex;align-items:center;gap:8px;justify-content:space-between}.calcbtn{font-size:10px;padding:2px 5px;border-radius:5px;color:var(--blue)}.timeline-section{background:transparent;border:0;box-shadow:none;min-width:0;padding:0 3px}.tltools{height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.tlrange{color:var(--muted);font-size:11px;font-weight:650}.tltools button{padding:3px 7px;font-size:10px}.tltools .tiny{white-space:nowrap}.timelinebox{height:116px;padding:0 2px}.timelinebox svg{height:100%;width:100%;display:block}.ratio-inline{display:flex;align-items:center;gap:9px;justify-content:space-between;margin:8px 0 7px;padding:6px 7px;border-radius:5px;background:var(--panel);font-size:10px;color:var(--muted)}.ratio-inline output{color:var(--ink);font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.sidebar .pad{padding:11px}.sidebar .sys{padding:9px;margin-top:8px}@media(max-width:850px){.visual{flex:0 0 77%;grid-template-rows:minmax(0,1fr) auto;gap:3px}.timelinebox{height:90px}.tltools{height:23px}.age-strip{padding:6px 7px;gap:3px}.age-cell{padding:0 5px}.age-key{font-size:9px}.age-cell strong{font-size:12px}.calcbtn{font-size:9px}.chartbar{min-height:35px}.plotcontainer svg{min-height:0}}@media(max-width:530px){.visual{flex-basis:76%}.chartbar{padding:4px 7px}.age-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:5px}.age-cell:nth-child(2){border-right:0}.age-cell:nth-child(3){padding-left:2px}.age-cell strong{font-size:13px}.age-key{font-size:10px}.timelinebox{height:86px}.tltools{height:22px}}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.age-feedback{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.01em}.age-feedback.good,.aggregate-status.good{color:var(--aqua)}.age-feedback.bad,.aggregate-status.bad{color:var(--orange)}.age-feedback.neutral,.aggregate-status.neutral{color:var(--muted)}.aggregate-bar{border-top:1px solid var(--edge);background:var(--surface);padding:8px 16px;display:flex;align-items:center;gap:17px;min-height:44px;flex-wrap:wrap}.aggregate-ident{display:flex;align-items:baseline;gap:9px;min-width:0}.aggregate-title{font-size:10px;letter-spacing:.07em;font-weight:800;color:var(--muted)}.aggregate-count{font-size:10px;color:var(--muted);white-space:nowrap}.aggregate-bar strong{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.aggregate-status{font-size:11px;font-weight:700;margin-left:auto}@media(max-width:850px){.aggregate-bar{min-height:34px;padding:5px 10px;gap:8px}.aggregate-bar strong{font-size:13px}.aggregate-title,.aggregate-count,.aggregate-status{font-size:9px}}@media(max-width:530px){.aggregate-bar{gap:5px}.aggregate-status{margin-left:0}}.header{height:44px}.workspace{padding:6px;gap:8px}.visual{gap:3px}.chartbar{min-height:33px;padding:4px 9px}.age-strip{padding:5px 9px 6px;gap:0}.age-cell{gap:1px;padding:0 9px}.age-key{font-size:10px}.age-cell strong{font-size:14px;line-height:1.3;font-weight:780;white-space:nowrap;letter-spacing:-.035em}.age-feedback{font-size:9px;line-height:1.05}.age-feedback:empty,.aggregate-status:empty{display:none}.aggregate-bar{padding:4px 9px 5px;gap:3px;min-height:0;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap}.aggregate-ident{width:100%;gap:7px;line-height:1;align-items:center}.aggregate-title{font-size:9px;letter-spacing:.04em}.aggregate-count{font-size:9px}.aggregate-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.agg-cell{min-width:0;padding:0 9px;border-right:1px solid var(--edge);display:flex;flex-direction:column;gap:2px}.agg-cell:first-child{padding-left:2px}.agg-cell:last-child{border-right:none;padding-right:0}.agg-key{font-size:9px;color:var(--muted);font-weight:650;white-space:nowrap}.aggregate-grid strong{font-size:13px;line-height:1.3;font-weight:750;white-space:nowrap;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.agg-cell:nth-child(1) strong{color:var(--blue)}.agg-cell:nth-child(2) strong{color:var(--orange)}.aggregate-status{font-size:9px;line-height:1.1;margin:0;min-height:0}.timelinebox{height:87px;padding:0 1px}.tltools{height:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.tlrange{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.tltools .btnrow{display:grid;grid-template-columns:27px 27px 119px 68px;gap:4px;align-items:center;justify-content:end;flex:none}.tltools button{height:23px;padding:3px;text-align:center;white-space:nowrap}.tltools .tiny{width:68px;text-align:center;white-space:nowrap;overflow:hidden}@media(max-width:850px){.visual{flex:0 0 81%;gap:2px}.age-strip{padding:4px 6px}.age-cell{padding:0 5px}.age-cell strong{font-size:11px}.age-key{font-size:9px}.aggregate-bar{padding:3px 6px 4px}.agg-cell{padding:0 5px}.aggregate-grid strong{font-size:10px}.agg-key{font-size:8px}.timelinebox{height:74px}.tltools{height:24px}.tltools .btnrow{grid-template-columns:25px 25px 113px 60px}.tltools .tiny{width:60px}}@media(max-width:530px){.visual{flex-basis:81%}.age-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2px}.age-cell:nth-child(2){border-right:0}.age-cell:nth-child(3){padding-left:2px}.age-cell strong{font-size:11px}.aggregate-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3px}.agg-cell:nth-child(2){border-right:0}.agg-cell:nth-child(3){padding-left:2px}.aggregate-grid strong{font-size:10px}.timelinebox{height:68px}.tltools .btnrow{grid-template-columns:23px 23px 96px 48px;gap:2px}.tltools .tiny{width:48px;font-size:9px}.tltools button{font-size:9px;padding:2px}}.timelinebox{height:clamp(160px,19.6dvh,205px);padding:1px 1px 0}.tltools{height:28px}.tlrange{font-size:12px}.tltools .tiny{font-size:11px}.sigma-tag{font-size:10px;color:var(--muted);font-weight:600;margin-left:8px}.timelinebox svg{width:100%;height:100%}@media(max-width:850px){.timelinebox{height:clamp(99px,13dvh,122px)}.tltools{height:25px}}@media(max-width:530px){.timelinebox{height:clamp(90px,12dvh,115px)}.tlrange{font-size:10px}.tltools{height:23px}}@media(min-width:851px){.timelinebox{height:clamp(112px,13.1dvh,135px)!important;padding:0 1px}.tltools{height:26px}.visual{grid-template-rows:minmax(0,1fr) auto;gap:2px}.age-strip{padding:4px 9px}.aggregate-bar{padding:3px 9px 4px}}@media(max-width:850px){.timelinebox{height:clamp(86px,10.3dvh,105px)!important}}@media(max-width:530px){.timelinebox{height:clamp(78px,10dvh,96px)!important}}#ageSigmaLegend{display:none}.sidebar{display:flex;flex-direction:column;overflow:hidden;padding-right:0;gap:8px}.sidebar section{margin-bottom:0}.sidebar .age-panel{flex:none;overflow:hidden;padding:9px 12px 10px}.side-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--edge) transparent;padding-right:3px;display:flex;flex-direction:column;gap:9px}.age-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 7px;font-weight:800;font-size:14px}.age-unit{font-size:10px;font-weight:650;color:var(--muted)}.age-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--surface);border:1px solid var(--edge);padding:3px;border-radius:9px;margin-bottom:5px}.age-tabs button{padding:7px 4px;border:0;background:transparent;font-weight:700;font-size:11px;white-space:nowrap;color:var(--muted);border-radius:6px}.age-tabs button.selected{background:var(--panel);color:var(--blue);box-shadow:0 1px 5px #00000012}.age-panel .age-strip,.age-panel .aggregate-bar{border:0;background:transparent;padding:0!important;margin:0;display:flex;flex-direction:column;gap:0!important;min-height:0!important}.age-panel .age-strip[hidden],.age-panel .aggregate-bar[hidden]{display:none!important}.age-panel .age-cell,.age-panel .agg-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-right:0;border-bottom:1px solid var(--edge);padding:6px 2px!important;min-width:0}.age-panel .age-cell:last-child,.age-panel .agg-cell:last-child{border-bottom:0}.age-panel .age-key,.age-panel .agg-key{font-size:11px!important;line-height:1.25;font-weight:640;white-space:normal!important;overflow-wrap:anywhere;color:var(--muted)}.age-panel .age-cell strong,.age-panel .agg-cell strong{font-size:12px!important;line-height:1.35!important;font-weight:800;letter-spacing:-.018em;white-space:nowrap;font-variant-numeric:tabular-nums}.age-panel .age-feedback,.age-panel .aggregate-status{grid-column:2;text-align:right;font-size:10px}.age-panel .age-line{display:block}.age-panel .aggregate-grid{display:flex;flex-direction:column;width:100%}.age-panel .aggregate-ident{width:100%;display:flex;justify-content:flex-end;padding:2px 1px 0}.age-panel .aggregate-title{display:none}.age-panel .aggregate-count{font-size:10px;color:var(--muted)}.mobile-switches{display:none}@media(max-width:1100px)and (min-width:851px){.age-panel .age-key,.age-panel .agg-key{font-size:10px!important}.age-panel .age-cell strong,.age-panel .agg-cell strong{font-size:11px!important}.workspace{grid-template-columns:minmax(0,63fr) minmax(320px,37fr)}}@media(max-width:850px){html,body{height:100%;overflow:hidden}.header{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;gap:5px;padding:7px 9px;flex:none}.identity{gap:8px}.identity .logo{height:31px;width:31px;font-size:20px}.identity h1{font-size:14px}.identity p{display:block;font-size:9px}.actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;justify-content:stretch}.actions .version{display:none}.actions button{white-space:nowrap;min-width:0;padding:6px 3px;font-size:11px;text-align:center}.mobile-switches{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--panel);border-bottom:1px solid var(--edge);padding:6px 10px;flex:none}.mobile-toggle{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--ink);font-weight:650;cursor:pointer;white-space:nowrap}.mobile-toggle input{accent-color:var(--blue);width:16px;height:16px;flex:none}.workspace{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:7px;gap:8px;min-height:0;overscroll-behavior:contain}.visual{display:flex;flex-direction:column;flex:none;min-height:0;gap:8px}.chartcard{height:clamp(340px,53dvh,570px);min-height:0;flex:none}.plotcontainer{flex:1;min-height:0;padding:0}.timeline-section{flex:none}.timelinebox{height:110px!important}.sidebar{display:flex;flex-direction:column;flex:none;overflow:visible;gap:8px;padding:0}.side-scroll{display:flex;flex-direction:column;flex:none;overflow:visible;padding:0;gap:8px}.sidebar .age-panel{padding:10px 12px}.age-panel .age-key,.age-panel .agg-key{font-size:12px!important}.age-panel .age-cell strong,.age-panel .agg-cell strong{font-size:13px!important}#app.hide-mobile-ages #agesPanel,#app.hide-mobile-time #timepanel{display:none!important}}@media(max-width:530px){.identity p{display:block;font-size:9px}.chartbar{gap:5px;flex-wrap:wrap}.chartbar .btnrow{display:flex;width:auto;flex-wrap:wrap;justify-content:flex-end}.chartbar .btnrow button{font-size:10px;padding:5px 7px}.chartcard{height:clamp(325px,51dvh,490px)}.timelinebox{height:101px!important}.tltools{gap:3px}.tlrange{font-size:10px}.tltools .btnrow{grid-template-columns:24px 24px minmax(83px,1fr) 49px;gap:3px}.tltools .tiny{width:49px;font-size:9px}.tltools button{font-size:9px}.age-panel .age-cell,.age-panel .agg-cell{grid-template-columns:minmax(0,1fr) auto}.age-panel .age-key,.age-panel .agg-key{font-size:11px!important}.age-panel .age-cell strong,.age-panel .agg-cell strong{font-size:12px!important}}@media(max-width:380px){.actions button,.mobile-toggle,.age-tabs button{font-size:10px}}@media(max-width:850px){.timelinebox{height:auto!important;aspect-ratio:760 / 130;padding:0 1px}.timelinebox svg{width:100%;height:100%;aspect-ratio:760 / 130;display:block}}@media(max-width:530px){.timelinebox{height:auto!important;aspect-ratio:520 / 130;padding:0 1px}.timelinebox svg{aspect-ratio:520 / 130}}.tlrange{font-weight:500}.sys-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:8px 0;line-height:1.4;cursor:pointer}.sys-option input{width:15px;height:15px;accent-color:var(--blue);flex:none}#root{height:100%;width:100%}.brand-identity{align-items:center;min-width:0;flex-shrink:1}.brand-picture{display:block;position:relative;width:216px;height:42px;flex-shrink:1;max-width:100%;overflow:hidden}.brand-image{position:absolute;display:block;width:100%;height:100%;object-fit:contain;object-position:left center;inset:0}.brand-image-dark,#app[data-theme=dark] .brand-image-light{visibility:hidden}#app[data-theme=dark] .brand-image-dark{visibility:visible}@media(max-width:530px){.brand-picture{width:194px;height:38px}.brand-identity{min-height:34px}}@media(max-width:360px){.brand-picture{width:165px;height:35px}}.header{height:58px;min-height:58px;padding:0 14px;gap:14px;flex-shrink:0}.brand-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto;overflow:hidden}.brand-mark{--brand-mark-height:45px;display:block;position:relative;overflow:hidden;width:calc(var(--brand-mark-height) * 1.41);height:var(--brand-mark-height);flex-shrink:0}.brand-mark img{position:absolute;display:block;top:0;left:0;width:auto;height:100%;max-width:none}.brand-mark-dark,#app[data-theme=dark] .brand-mark-light{visibility:hidden}#app[data-theme=dark] .brand-mark-dark{visibility:visible}.brand-wordmark{display:flex;align-items:baseline;gap:.32em;min-width:0;white-space:nowrap;letter-spacing:.008em;font-size:clamp(17px,1.5vw,23px);line-height:1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.brand-concordia{color:#0b2a50;font-weight:650}.brand-live{color:#bf713e;font-weight:500}#app[data-theme=dark] .brand-concordia{color:#e5f1ff}#app[data-theme=dark] .brand-live{color:#f4ac73}.header .actions{flex-wrap:nowrap;min-width:0;gap:7px}.header .actions button{white-space:nowrap}@media(max-width:1000px){.header .version{display:none}.brand-wordmark{font-size:19px}}@media(max-width:850px){.header{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:7px 10px;gap:5px}.brand-identity{min-height:38px;gap:7px}.brand-mark{--brand-mark-height:36px}.brand-wordmark{font-size:19px}.header .actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.header .actions button{padding:6px 9px}}@media(max-width:530px){.header{padding:6px 8px;gap:4px}.brand-mark{--brand-mark-height:31px}.brand-wordmark{font-size:clamp(15px,4.7vw,19px);gap:.25em}.header .actions{gap:4px}.header .actions button{padding:5px 8px;font-size:10px}}@media(max-width:350px){.brand-mark{--brand-mark-height:27px}.brand-wordmark{font-size:15px}}.app-attribution{background:var(--panel);border-top:1px solid var(--edge);color:var(--muted);padding:4px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;flex-shrink:0;min-height:24px}.app-attribution a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.sigma-tag{font-size:10px;color:var(--muted);padding-left:8px}@media(max-width:530px){.app-attribution{font-size:9px;padding:3px 8px;gap:4px;flex-wrap:wrap}}