:root{--navy: #0F1E2D;--ocean: #1F5F8B;--teal: #4EC8C0;--charcoal: #4B5057;--page: #F4F7FA;--card: #FFFFFF;--card-2: #F9FBFD;--line: #D9E3EC;--ink: #0F1E2D;--ink-dim: #4B5057;--ink-faint: #8494A3;--ok: #2E7D32;--warn: #E65100;--danger: #C62828;--info: #1565C0;--brand-gradient: linear-gradient(135deg, var(--ocean), var(--teal));--font-display: "Libre Baskerville", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--step--1: clamp(.83rem, .8rem + .15vw, .9rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.2rem, 1.05rem + .6vw, 1.45rem);--step-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);--step-3: clamp(1.9rem, 1.5rem + 2vw, 2.9rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--shadow-card: 0 1px 4px 0 rgba(15,30,45,.08), 0 4px 16px 0 rgba(15,30,45,.06);--shadow-lift: 0 4px 20px 0 rgba(15,30,45,.14);--radius: 10px;--radius-lg: 14px}:root{--header-h: 46px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--page);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;position:relative;overflow-x:clip}.watermark{position:fixed;right:-70px;bottom:-80px;width:min(560px,60vw);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}@media (prefers-reduced-motion: no-preference){.watermark{animation:drift 14s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-14px) rotate(.8deg)}}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:11px 22px;min-height:var(--header-h);box-sizing:border-box;background:#0f1e2dd9;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}.topbar-left{display:flex;align-items:center;gap:14px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:.8rem;font-weight:600;text-decoration:none;padding:4px 8px;margin-left:-8px;border-radius:8px;transition:background .15s var(--ease-in-out),transform .15s var(--ease-in-out)}.back-link:hover{background:#4ec8c01f;transform:translate(-2px)}.back-link:focus-visible{outline:none;box-shadow:0 0 0 3px #4ec8c066}.topbar-sep{color:#eef1f64d;font-size:.8rem}.topbar-brand{color:#eef1f6e6;font-size:.74rem;letter-spacing:.14em;font-weight:600}.topbar-right{color:#eef1f699;font-size:.8rem}.body{display:flex;position:relative;z-index:1;min-height:calc(100vh - 46px)}.sidebar{width:258px;flex-shrink:0;background:#4b505714;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border-right:1px solid rgba(15,30,45,.08);padding:20px 16px 24px;display:flex;flex-direction:column;gap:18px;position:sticky;top:var(--header-h);align-self:flex-start;min-height:calc(100vh - var(--header-h));max-height:calc(100vh - var(--header-h));overflow-y:auto}@media (max-width: 860px){.body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(15,30,45,.08);position:static;min-height:0;max-height:none;overflow-y:visible}}.sidebar-kicker,.programs-kicker{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding-left:6px}.rail{position:relative}.rail-track{position:absolute;left:17px;top:17px;bottom:17px;width:2px;background:#0f1e2d1a}.rail-fill{position:absolute;left:17px;top:17px;width:2px;background:var(--brand-gradient);transition:height .9s var(--ease-out-expo)}.stage{position:relative;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 4px;width:100%;cursor:pointer;border:none;background:none;text-align:left;color:inherit;font:inherit;border-radius:9px;transition:background .15s var(--ease-in-out)}.stage:hover{background:#ffffff80}.stage.selected{background:#ffffffbf}.stage:focus-visible{outline:none;box-shadow:0 0 0 3px #1f5f8b4d}.stage-node{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;background:#fff;border:1.5px solid var(--line);color:var(--ink-faint);transition:all .4s var(--ease-out-expo);z-index:1}.stage.passed .stage-node{border-color:var(--ok);color:var(--ok)}.stage.active .stage-node{border-color:var(--ocean);color:var(--navy)}@media (prefers-reduced-motion: no-preference){.stage.active .stage-node{animation:breathe 2.6s var(--ease-in-out) infinite}@keyframes breathe{0%,to{box-shadow:0 0 #4ec8c073}50%{box-shadow:0 0 0 7px #4ec8c000}}}.stage-label{font-size:.82rem;color:var(--ink-dim);font-weight:500;flex:1}.stage.active .stage-label,.stage.selected .stage-label{color:var(--navy);font-weight:600}.stage.locked .stage-label{color:var(--ink-faint)}.stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stage-dot.passed{background:var(--ok)}.stage-dot.active{background:var(--teal)}.stage-dot.locked{background:var(--line)}.programs-card{background:#ffffff8c;border:1px solid rgba(15,30,45,.08);border-radius:10px;padding:12px 14px}.programs-kicker{padding-left:0;margin-bottom:8px}.program{font-size:.82rem;color:var(--navy);font-weight:600;padding:3px 0}.program.planned{color:var(--ink-faint);font-weight:500}.program-soon{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:#4b505714;border-radius:99px;padding:2px 7px;margin-left:8px;vertical-align:1px}.sidebar-foot{margin-top:auto;display:grid;gap:8px}.month-select{background:#fffc;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .18s var(--ease-in-out);width:100%}.month-select:hover{border-color:var(--ocean)}.month-select:focus-visible{outline:none;box-shadow:0 0 0 3px #1f5f8b40}.pws{color:var(--ink-faint);font-size:.72rem;padding-left:2px}.main{flex:1;padding:30px 36px 60px;max-width:980px}.page-head{margin-bottom:20px}.page-head h1{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;letter-spacing:-.01em;line-height:1.05;color:var(--navy)}.page-desc{margin-top:8px;color:var(--ink-dim);font-size:var(--step--1);max-width:60ch}.panel{background:#ffffffd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-card);animation:rise .5s var(--ease-out-expo)}@media (prefers-reduced-motion: reduce){.panel,.watermark{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel h2{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;color:var(--navy)}.panel .lede{color:var(--ink-dim);margin:8px 0 20px;font-size:var(--step--1)}.grid{display:grid;gap:12px}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tile{background:#f9fbfde6;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.tile .k{color:var(--ink-faint);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.tile .v{font-size:var(--step-2);font-weight:700;letter-spacing:-.01em;margin-top:4px;color:var(--navy)}.tile .v.ok{color:var(--ok)}.tile .v.warn{color:var(--warn)}.tile .note{color:var(--ink-dim);font-size:.8rem;margin-top:4px}.list{display:grid;gap:8px;margin-top:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f9fbfde6;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-size:var(--step--1)}.row .name{font-weight:600;color:var(--navy)}.row .meta{color:var(--ink-dim)}.pill{font-size:.68rem;padding:3px 10px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-weight:600}.pill.ok{color:var(--ok);background:#2e7d321a}.pill.warn{color:var(--warn);background:#e651001a}.pill.pending{color:var(--charcoal);background:#4b505714}.btn{background:#fff;border:1px solid var(--line);color:var(--navy);padding:10px 18px;border-radius:var(--radius);font:inherit;font-size:var(--step--1);font-weight:600;cursor:pointer;box-shadow:var(--shadow-card);transition:transform .15s var(--ease-in-out),box-shadow .15s var(--ease-in-out),border-color .15s var(--ease-in-out)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:var(--ocean)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f5f8b4d}.btn.primary{background:var(--ocean);border-color:var(--ocean);color:#fff}.btn.primary:hover{background:#1a5279}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.kbd{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;background:var(--page);border:1px solid var(--line);border-bottom-width:2px;padding:2px 7px;border-radius:6px;color:var(--charcoal)}.scan-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}@media (max-width: 760px){.scan-compare{grid-template-columns:1fr}}.scan-box{background:#f4f7fae6;border:1px dashed var(--line);border-radius:var(--radius);min-height:170px;display:grid;place-items:center;color:var(--ink-faint);font-size:var(--step--1);text-align:center;padding:16px}.reading-value{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;color:var(--navy)}.sparkline{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:12px}.sparkline span{width:8px;background:#1f5f8b73;border-radius:2px 2px 0 0}.sparkline span.flagged{background:var(--warn)}.footer-note{margin-top:40px;color:var(--ink-faint);font-size:.78rem}.btn:disabled,.btn:disabled:hover{opacity:.55;filter:grayscale(.45);cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--line)}