:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--field:#e9e9e7;--ink:#111;--mid:#666;--rule:#a7a7a3;--faint:#dededb;--green:#087a35;--green-dark:#075c29;--error:#9a1d1d}*{box-sizing:border-box}html{background:var(--field)}body{color:var(--ink);background:var(--field);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35}a{color:inherit;text-underline-offset:2px;text-decoration-thickness:1px}a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.site-shell{background:var(--paper);border:1px solid var(--rule);width:min(1180px,100% - 28px);margin:18px auto;padding:0 18px 18px}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.site-header h1{letter-spacing:-.01em;margin:0;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;line-height:1}.site-header span,.graph-register,.live-strip,.problem-register,.source-error{letter-spacing:.015em;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:11px}.site-header span{color:var(--mid)}.tracker-panel{border:1px solid var(--ink);margin-top:14px}.live-strip{min-height:28px;color:var(--paper);background:var(--green);border-bottom:1px solid var(--green-dark);text-transform:uppercase;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:4px 8px;display:grid}.live-strip.is-error{background:var(--error);border-bottom-color:#671313}.live-mark{background:#adffbc;border-radius:50%;width:7px;height:7px;animation:1.2s steps(2,end) infinite live-blink;display:inline-block;box-shadow:0 0 0 1px #00000059}.is-error .live-mark{background:#fff;animation:none}@keyframes live-blink{0%,46%{opacity:1}47%,to{opacity:.24}}.live-readout{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.graph-register{border-bottom:1px solid var(--rule);color:#333;background:#f1f1ef;grid-template-columns:1fr auto auto;align-items:center;gap:16px;min-height:27px;padding:4px 8px;display:grid}.chart-block{width:100%;position:relative}.chart-controls{border-bottom:1px solid var(--rule);min-height:42px;color:var(--mid);background:#f7f7f5;grid-template-columns:repeat(3,minmax(150px,auto)) 1fr;align-items:end;gap:8px;padding:6px 8px;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:9px;display:grid}.chart-controls label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.chart-controls select{min-width:0;height:26px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);font:inherit;border-radius:0;padding:2px 24px 2px 6px;font-size:10px}.chart-controls select:focus-visible{outline:2px solid var(--green);outline-offset:1px}.scale-disclosure{text-align:right;white-space:nowrap;place-self:center end}.chart-block svg{background:var(--paper);cursor:crosshair;touch-action:pan-y;outline:none;width:100%;height:auto;min-height:360px;display:block}.chart-block svg:focus-visible{box-shadow:inset 0 0 0 2px var(--green)}.chart-grid,.chart-axis{vector-effect:non-scaling-stroke}.chart-grid{stroke:var(--faint);stroke-width:1px;stroke-dasharray:1 3}.chart-axis{stroke:var(--ink);stroke-width:1px}.chart-line{fill:none;stroke:var(--ink);stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:d .22s}.chart-area{fill:#eeeeeb;transition:d .22s}.chart-bar{fill:var(--ink);opacity:.86;vector-effect:non-scaling-stroke;transition:x .18s,y .18s,width .18s,height .18s}.chart-point{fill:var(--ink);stroke:var(--paper);stroke-width:.7px;vector-effect:non-scaling-stroke;pointer-events:none}.chart-point[data-selected=true]{fill:var(--green);stroke:var(--paper);stroke-width:1.5px}.chart-tick,.chart-axis-label,.chart-scale-note,.chart-end-note,.chart-end-value{font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace}.chart-tick,.chart-axis-label,.chart-scale-note,.chart-end-note{fill:var(--mid);font-size:10px}.chart-end-value{fill:var(--ink);font-size:16px;font-weight:700}.problem-register{border-top:1px solid var(--rule);background:#f1f1ef;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px;display:grid}.problem-number,.problem-date{white-space:nowrap}.problem-number{font-weight:700}.problem-title{white-space:normal;overflow-wrap:anywhere;min-width:0}.problem-date{color:var(--mid)}.problem-register a{border:1px solid var(--ink);white-space:nowrap;background:var(--paper);padding:2px 5px;text-decoration:none}.problem-register a:hover{background:var(--ink)}.empty-period{color:var(--mid);white-space:nowrap}.source-error{color:var(--paper);background:var(--error);border-top:1px solid #671313;padding:5px 8px}.about-box{border:1px solid var(--rule);background:#f5f5f3;grid-template-columns:145px minmax(0,1.65fr) minmax(220px,1fr);gap:18px;margin-top:14px;padding:10px;display:grid}.about-box h2{margin:0;font-size:12px;line-height:1.35}.about-box p{max-width:78ch;margin:0}@media (prefers-reduced-motion:reduce){.live-mark{animation:none}.chart-line,.chart-area,.chart-bar{transition:none}}@media (max-width:760px){body{font-size:12px}.site-shell{border:0;width:100%;margin:0;padding:0 10px 12px}.site-header{min-height:43px}.site-header span{display:none}.tracker-panel{margin-top:10px}.live-strip{grid-template-columns:auto auto 1fr;gap:6px}.live-readout{text-align:right}.live-clock{display:none}.graph-register{grid-template-columns:1fr auto;gap:8px}.graph-register span:last-child{display:none}.chart-controls{grid-template-columns:1fr 1fr;align-items:center}.chart-controls label{grid-template-columns:1fr;gap:2px}.chart-controls label:first-child{grid-column:1/-1}.scale-disclosure{display:none}.chart-block svg{min-height:340px}.problem-register{grid-template-columns:1fr auto;align-items:start;gap:4px 8px}.problem-title{white-space:normal;grid-column:1/-1;overflow:visible}.problem-date{white-space:normal;grid-column:1/2}.problem-register a{grid-area:1/2/2/3}.about-box{grid-template-columns:1fr;gap:7px}}@media (max-width:430px){.live-readout,.graph-register{font-size:9px}.chart-block svg{min-height:320px}.chart-controls select{width:100%}}
