@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#050505;color:#f2f2f2;font-synthesis:none;--bg:#050505;--panel:#0b0b0b;--panel-strong:#101010;--border:#202020;--border-soft:#171717;--muted:#808080;--muted-strong:#a3a3a3;--accent:#b9ff68;--accent-soft:rgba(185,255,104,.14);--sidebar-width:280px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:#f2f2f2}body[data-source=codex]{--accent:#d5dce5;--accent-soft:rgba(213,220,229,.12)}body[data-source=claude]{--accent:#ef7a57;--accent-soft:rgba(239,122,87,.14)}a,button{font:inherit}button{color:inherit}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.65rem .85rem;background:#fff;color:#000;border-radius:6px;transform:translateY(-150%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:24px 18px 20px;border-right:1px solid var(--border);background:linear-gradient(180deg,#0a0a0a 0%,#070707 100%);z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;color:#f7f7f7;text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #353535;border-radius:9px;background:#141414;font:600 14px/1 'JetBrains Mono',monospace;box-shadow:inset 0 0 0 1px #090909}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{margin-top:1px;color:#666;font:10px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.primary-nav{display:flex;flex-direction:column;gap:5px}.nav-link,.source-nav{display:flex;align-items:center;gap:11px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#919191;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.nav-link:hover,.source-nav:hover,.nav-link.is-active,.source-nav.is-active{color:#f1f1f1;background:#111;border-color:#1d1d1d}.nav-symbol{width:24px;text-align:center;color:#7d7d7d;font-size:18px}.nav-heading{margin:22px 10px 7px;color:#555;font:10px/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.source-icon{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border:1px solid #373737;border-radius:50%;font:600 11px/1 'JetBrains Mono',monospace;color:#e6e6e6;background:#151515}.source-icon-claude{border-color:rgba(239,122,87,.42);color:#ff9a7c;background:rgba(239,122,87,.12)}.source-icon-codex{border-color:#3a3f45;color:#e3e8ee;background:#151719}.source-nav>span:last-child{display:flex;flex-direction:column;min-width:0}.source-nav strong{font-size:13px;font-weight:500}.source-nav small{margin-top:2px;color:#5f5f5f;font:10px/1.25 'JetBrains Mono',monospace}.source-nav.is-active:after{content:'';width:4px;height:4px;margin-left:auto;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.privacy-note{display:flex;gap:10px;margin-top:auto;padding:14px 10px;border-top:1px solid #191919;color:#797979}.privacy-note .status-dot{flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#6be6a8;box-shadow:0 0 8px rgba(107,230,168,.4)}.privacy-note strong{display:block;color:#aaa;font-size:11px;font-weight:500}.privacy-note p{margin:4px 0 0;font-size:10px;line-height:1.5}.dashboard-content,.landing-content{margin-left:var(--sidebar-width)}.dashboard-content{max-width:1500px;padding:30px 54px 44px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:34px}.eyebrow{margin:0 0 7px;color:#696969;font:10px/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.topbar h1,.landing-hero h1{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.04em;font-weight:600}.date-range{margin:7px 0 0;color:#7a7a7a;font-size:13px}.toolbar{display:flex;align-items:center;gap:9px}.segmented-control{display:inline-flex;padding:3px;border:1px solid #1e1e1e;border-radius:9px;background:#090909}.segmented-control button{border:0;border-radius:6px;background:transparent;color:#787878;cursor:pointer;transition:background .15s,color .15s}.range-control button{padding:7px 12px;font-size:11px}.compact-control button{padding:6px 10px;font:10px/1.2 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.03em}.segmented-control button:hover{color:#a7a7a7}.segmented-control button[aria-pressed=true]{color:#e9e9e9;background:#171717;box-shadow:0 0 0 1px #222}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #1e1e1e;border-radius:9px;background:#090909;color:#858585;cursor:pointer}.icon-button:hover{color:#fff;border-color:#333}.icon-button:disabled{cursor:wait;opacity:.55}.icon-button.is-loading span{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.overview-grid{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(480px,1.7fr);gap:42px;align-items:stretch;margin-bottom:28px}.usage-summary{display:flex;flex-direction:column;min-height:330px;padding:14px 0 12px}.metric-label{margin:0 0 8px;color:#696969;font:10px/1.35 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.11em}.hero-total{margin:0;color:#f6f6f6;font:500 clamp(40px,4vw,56px)/1 'JetBrains Mono',monospace;letter-spacing:-.055em}.hero-note{margin:9px 0 29px;color:#747474;font-size:12px}.source-measure{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:12px}.source-measure>span:nth-child(2){display:flex;flex-direction:column}.source-measure strong{font-size:13px;font-weight:500}.source-measure small{margin-top:3px;color:#696969;font:10px/1.3 'JetBrains Mono',monospace}.source-measure b{font:500 13px/1 'JetBrains Mono',monospace}.measure-track{height:3px;border-radius:2px;background:#131313;overflow:hidden}.measure-track span{display:block;width:100%;height:100%;background:var(--accent)}.scope-note{max-width:330px;margin:auto 0 0;padding-top:22px;color:#5f5f5f;font-size:10px;line-height:1.55}.chart-panel,.table-panel,.quality-panel,.detail-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-heading h2,.quality-panel h2{margin:0;font-size:15px;line-height:1.25;font-weight:500;letter-spacing:-.015em}.chart-frame{position:relative;width:100%}.chart-frame-main{height:285px;margin-top:16px}.metrics-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:37px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#090909}.metric-cell{min-width:0;padding:16px 17px;border-right:1px solid #181818}.metric-cell:last-child{border-right:0}.metric-cell span{display:block;color:#6f6f6f;font-size:10px}.metric-cell strong{display:block;margin-top:8px;font:400 18px/1.2 'JetBrains Mono',monospace;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-cell small{display:block;margin-top:5px;color:#555;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.75fr);gap:38px;margin-bottom:42px}.table-scroll{overflow:auto;margin-top:19px}.data-table,.mini-table{width:100%;border-collapse:collapse}.data-table th{padding:0 12px 10px;color:#626262;font-size:10px;font-weight:400;text-align:right;white-space:nowrap}.data-table th:first-child{text-align:left;padding-left:0}.data-table td{padding:11px 12px;border-top:1px solid #171717;font:10px/1.35 'JetBrains Mono',monospace;color:#999;text-align:right;white-space:nowrap}.data-table td:first-child{padding-left:0;text-align:left}.data-table .label-cell{color:#c7c7c7;font-family:'DM Sans',sans-serif;font-size:11px}.data-table tbody tr:hover td{background:#090909}.secondary-row{display:none}.quality-panel{padding-left:1px}.quality-list{margin:17px 0 0}.quality-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #171717}.quality-list dt{color:#6d6d6d;font-size:11px}.quality-list dd{margin:0;color:#c7c7c7;font:10px/1.5 'JetBrains Mono',monospace;text-align:right}.quality-footnote{margin:17px 0 0;color:#5e5e5e;font-size:10px;line-height:1.55}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-panel{padding:21px;border:1px solid var(--border-soft);border-radius:10px;background:#080808}.heatmap-panel{grid-column:span 2}.scale-note{color:#535353;font:9px/1.4 'JetBrains Mono',monospace;text-transform:uppercase}.chart-frame-heatmap{height:195px;margin-top:17px}.chart-frame-detail{height:210px;margin-top:17px}.day-insights{min-height:282px}.insight-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:17px}.insight-tables h3{margin:0 0 7px;color:#5e5e5e;font-size:10px;font-weight:400}.mini-table td{padding:7px 0;border-top:1px solid #151515;font:9px/1.35 'JetBrains Mono',monospace;color:#7f7f7f}.mini-table td:last-child{text-align:right;color:#bcbcbc}.dashboard-footer{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding-top:15px;border-top:1px solid #151515;color:#535353;font-size:9px}.has-data-error .overview-grid,.has-data-error .metrics-strip,.has-data-error .breakdown-grid,.has-data-error .detail-grid{opacity:.38}.landing-content{min-height:100vh;padding:76px clamp(32px,6vw,90px)}.landing-hero{max-width:760px}.landing-hero h1{font-size:clamp(48px,7vw,91px);line-height:.96;letter-spacing:-.065em}.landing-hero h1 span{color:#737373}.landing-hero>p:last-child{max-width:610px;margin:28px 0 0;color:#888;font-size:15px;line-height:1.65}.source-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin-top:58px}.source-card{display:flex;min-height:260px;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #222;border-radius:12px;background:#0a0a0a;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.source-card:hover{transform:translateY(-3px);border-color:#353535;background:#0d0d0d}.source-card-top{display:flex;justify-content:space-between;align-items:center}.card-arrow{color:#555;font-size:18px}.source-card:hover .card-arrow{color:#cfcfcf}.source-card p{margin:0 0 9px;color:#858585;font-size:12px}.source-card strong{display:block;font:500 clamp(25px,3vw,38px)/1.05 'JetBrains Mono',monospace;letter-spacing:-.05em}.source-card small{display:block;margin-top:9px;color:#565656;font:9px/1.4 'JetBrains Mono',monospace}.source-card-action{display:flex;align-items:center;justify-content:space-between;color:#9a9a9a;font-size:11px}.source-card-action:after{content:'View';color:#5d5d5d;font:9px/1 'JetBrains Mono',monospace;text-transform:uppercase}.source-card-claude:hover{border-color:rgba(239,122,87,.42)}.source-card-codex:hover{border-color:#4a5058}.landing-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:980px;margin-top:55px;padding-top:22px;border-top:1px solid #1c1c1c}.landing-principles div{display:grid;grid-template-columns:auto 1fr;column-gap:11px}.landing-principles span{grid-row:span 2;color:#4f4f4f;font:9px/1.5 'JetBrains Mono',monospace}.landing-principles strong{font-size:11px;font-weight:500}.landing-principles p{margin:5px 0 0;color:#5f5f5f;font-size:10px;line-height:1.5}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:1100px){:root{--sidebar-width:230px}.dashboard-content{padding-inline:34px}.overview-grid{grid-template-columns:1fr;gap:20px}.usage-summary{min-height:0}.scope-note{margin-top:24px}.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-cell:nth-child(3){border-right:0}.metric-cell:nth-child(-n+3){border-bottom:1px solid #181818}.breakdown-grid{grid-template-columns:1fr}.quality-panel{padding:20px;border:1px solid var(--border-soft);border-radius:10px}}@media(max-width:800px){:root{--sidebar-width:0}.sidebar{position:relative;width:auto;min-height:auto;padding:16px 18px;border-right:0;border-bottom:1px solid var(--border)}.brand{padding-bottom:14px}.primary-nav{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px}.nav-heading,.privacy-note{display:none}.nav-link,.source-nav{min-height:42px}.dashboard-content,.landing-content{margin-left:0}.dashboard-content{padding:24px 20px 36px}.landing-content{padding:48px 24px 60px}.topbar{align-items:flex-start}.source-cards{margin-top:40px}.landing-principles{grid-template-columns:1fr}.landing-principles div{max-width:420px}}@media(max-width:620px){.topbar{flex-direction:column;margin-bottom:26px}.toolbar{width:100%}.range-control{flex:1}.range-control button{flex:1;padding-inline:6px}.overview-grid{display:block}.usage-summary{padding-bottom:34px}.chart-frame-main{height:240px}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cell,.metric-cell:nth-child(3){border-right:1px solid #181818;border-bottom:1px solid #181818}.metric-cell:nth-child(2n){border-right:0}.metric-cell:last-child{grid-column:span 2;border-right:0;border-bottom:0}.detail-grid{grid-template-columns:1fr}.heatmap-panel{grid-column:auto}.insight-tables{grid-template-columns:1fr}.dashboard-footer{flex-direction:column}.source-cards{grid-template-columns:1fr}.source-card{min-height:230px}.landing-hero h1{font-size:47px}.primary-nav{grid-template-columns:1fr 1fr}.nav-link{grid-column:span 2}.source-nav small{display:none}.panel-heading{align-items:flex-start}.compact-control{flex-shrink:0}.chart-frame-heatmap{height:230px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.data-table tbody th{padding:11px 12px;border-top:1px solid #171717;font:10px/1.35 'JetBrains Mono',monospace;color:#999;text-align:right;white-space:nowrap}.data-table tbody th:first-child{padding-left:0;text-align:left}.data-table tbody tr:hover th{background:#090909}.mini-table th{padding:0 0 7px;border-bottom:1px solid #151515;color:#666;font:9px/1.35 'JetBrains Mono',monospace;text-align:left}.mini-table th:last-child{text-align:right}
