.usage-settings{gap:34px;max-width:1120px;padding-bottom:72px}.usage-browser-proof-shell{width:min(1120px,100vw - 64px);margin:0 auto;padding:52px 0 80px}.usage-settings .account-list,.usage-settings .settings-footnote{border-radius:8px}.usage-settings-title{justify-content:space-between;margin-bottom:2px}.usage-activity-overview{gap:34px;display:grid}.usage-profile-header{text-align:center;justify-items:center;gap:12px;padding-top:4px;display:grid;position:relative}.usage-profile-avatar{border:1px solid var(--border-default);background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--accent-info) 42%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--accent-info) 12%, var(--surface-panel)), color-mix(in srgb, var(--accent-info) 12%, var(--surface-panel)));width:76px;height:76px;color:var(--accent-info);box-shadow:0 12px 36px var(--shadow-panel-color);border-radius:50%;place-items:center;font-size:24px;font-weight:620;display:grid;overflow:hidden}.usage-profile-avatar img{object-fit:cover;width:100%;height:100%}:root[data-theme=light] .usage-profile-avatar{background:color-mix(in srgb, var(--accent-info) 12%, var(--surface-panel))}.usage-profile-copy{gap:6px;display:grid}.usage-profile-copy h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:520}.usage-profile-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.usage-profile-badge{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:999px;padding:2px 7px;font-size:11px}.usage-hero-metrics{border:1px solid var(--border-default);background:var(--state-selected);border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.usage-hero-metric{text-align:center;justify-items:center;gap:5px;min-width:0;padding:14px 10px 13px;display:grid;position:relative}.usage-hero-metric+.usage-hero-metric:before{background:var(--state-hover);content:"";width:1px;position:absolute;top:11px;bottom:11px;left:0}.usage-hero-metric strong,.usage-hero-metric span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.usage-hero-metric strong{color:var(--text-primary);font-size:14px;font-weight:520}.usage-hero-metric span{color:var(--text-muted);font-size:12px}.usage-activity-section,.usage-insight-section{min-width:0}.usage-activity-section{position:relative}.usage-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.usage-section-heading>div:first-child{gap:4px;display:grid}.usage-section-heading h2,.usage-insight-section h2,.usage-details-title h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:520}.usage-section-heading>div:first-child>span,.usage-details-title span{color:var(--text-muted);font-size:11px}.usage-activity-mode{align-items:center;gap:2px;display:flex}.usage-activity-mode button{color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:12px}.usage-activity-mode button:hover{color:var(--text-secondary)}.usage-activity-mode button.active{background:var(--state-selected);color:var(--text-primary)}.usage-activity-scroll{margin:0 -8px;padding:0 8px 4px;overflow:visible}.usage-activity-visualization{position:relative}.usage-activity-canvas{width:var(--usage-canvas-width);min-width:0;max-width:100%}.usage-heatmap{grid-template-columns:repeat(var(--usage-week-count), 10px);grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:4px;height:94px;display:grid}.usage-activity-cell{background:var(--state-hover);border-radius:3px;width:10px;height:10px;transition:filter .12s,opacity .12s,transform .12s;position:relative}.usage-activity-cell.has-activity{background:var(--usage-cell-gradient)}.usage-activity-cell.has-activity[data-level="1"]{opacity:.42}.usage-activity-cell.has-activity[data-level="2"]{opacity:.56}.usage-activity-cell.has-activity[data-level="3"]{opacity:.72}.usage-activity-cell.has-activity[data-level="4"]{opacity:.86}.usage-activity-cell.has-activity[data-level="5"]{opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--focus-ring) 22%, transparent)}.usage-activity-cell:not(.future):hover{z-index:2;filter:brightness(1.22)saturate(1.12);opacity:1;outline:1px solid var(--focus-ring);outline-offset:1px;transform:scale(1.38)}.usage-activity-cell.future{background:var(--state-hover)}.usage-activity-months{grid-template-columns:repeat(var(--usage-week-count), 10px);color:var(--text-muted);column-gap:4px;margin-top:8px;font-size:10px;display:grid}.usage-activity-months span{white-space:nowrap;overflow:visible}.usage-activity-year{color:var(--text-disabled);margin-top:4px;font-size:10px}.usage-day-tooltip{z-index:10;top:var(--usage-tooltip-top);left:var(--usage-tooltip-left);border:1px solid var(--border-default);background:var(--state-selected);pointer-events:none;width:min(250px,100% - 16px);box-shadow:0 14px 38px var(--shadow-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;gap:5px;padding:10px 11px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.usage-day-tooltip:after{border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);background:var(--state-selected);content:"";width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.usage-day-tooltip>strong{color:var(--text-primary);font-size:12px;font-weight:590}.usage-day-tooltip>span{color:var(--text-muted);font-size:11px}.usage-day-tooltip-models{border-top:1px solid var(--border-default);gap:5px;margin-top:4px;padding-top:7px;display:grid}.usage-day-tooltip-models>div{grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.usage-day-tooltip-models i,.usage-model-legend i{border-radius:2px;width:7px;height:7px;display:block;box-shadow:0 0 7px}.usage-day-tooltip-models small,.usage-day-tooltip-models em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-style:normal;overflow:hidden}.usage-day-tooltip-models small{color:var(--text-secondary)}.usage-day-tooltip-models em{color:var(--text-primary)}.usage-model-legend{color:var(--text-muted);flex-wrap:wrap;gap:7px 13px;margin-top:13px;font-size:10px;display:flex}.usage-model-legend>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:240px;display:flex;overflow:hidden}.usage-activity-bars{grid-template-columns:repeat(var(--usage-week-count), 10px);align-items:end;column-gap:4px;height:94px;display:grid}.usage-activity-bars>span{background:linear-gradient(180deg, var(--accent-info), var(--accent-info));border-radius:3px 3px 2px 2px;width:10px;min-height:2px;display:block}.usage-activity-bars.cumulative>span{background:linear-gradient(180deg, var(--accent-info), var(--accent-info))}.usage-activity-loading{height:116px;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.usage-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;display:grid}.usage-insight-section{align-content:start;gap:12px;display:grid}.usage-insight-list,.usage-model-mix{gap:8px;display:grid}.usage-insight-row{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:18px;min-height:24px;display:grid}.usage-insight-row span{color:var(--text-muted);font-size:12px}.usage-insight-row strong{max-width:240px;color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.usage-model-mix-row{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;display:grid}.usage-model-mix-icon{border-radius:2px;width:8px;height:8px}.usage-model-mix-copy{gap:2px;min-width:0;padding-bottom:5px;display:grid;position:relative}.usage-model-mix-copy strong,.usage-model-mix-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-model-mix-copy strong{color:var(--text-primary);font-size:12px;font-weight:500}.usage-model-mix-copy span,.usage-model-mix-row>span{color:var(--text-muted);font-size:10px}.usage-model-mix-copy i{background:var(--state-hover);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.usage-model-mix-copy i:after{width:var(--usage-model-share);border-radius:inherit;background:var(--usage-model-color);content:"";height:100%;display:block}.usage-model-mix-empty{min-height:40px;color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.usage-details-title{border-top:1px solid var(--border-default);justify-content:space-between;align-items:end;gap:16px;margin-top:8px;padding-top:28px;display:flex}.usage-details-title>div{gap:5px;display:grid}.usage-toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.usage-range-control{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:8px;flex-wrap:wrap;gap:3px;min-width:0;padding:3px;display:inline-flex}.usage-range-control button{min-height:30px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.usage-range-control button.active{background:var(--state-selected);color:var(--text-primary)}.usage-range-control button:disabled,.usage-filter-control select:disabled{opacity:.55}.usage-filter-control{gap:5px;min-width:150px;display:grid}.usage-filter-control span{color:var(--text-muted);font-size:12px}.usage-filter-control select{border:1px solid var(--border-default);background:var(--surface-panel);height:38px;color:var(--text-primary);border-radius:8px;outline:0;padding:0 10px;font-size:13px}.usage-filter-control select:focus{border-color:var(--border-strong)}.usage-load-state{padding:12px 14px}.usage-metric-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.usage-metric{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:8px;gap:5px;min-width:0;min-height:72px;padding:12px;display:grid}.usage-metric span{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.usage-metric strong{min-width:0;color:var(--text-primary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:560;overflow:hidden}.usage-panel{overflow:hidden}.usage-chart-frame{height:304px;min-height:304px;padding:8px 10px 6px 4px}.usage-chart-empty{height:260px;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.usage-chart-tooltip{border:1px solid var(--border-default);background:var(--surface-floating);max-width:260px;box-shadow:0 10px 28px var(--shadow-color);border-radius:8px;gap:6px;padding:10px;display:grid}.usage-chart-tooltip strong{color:var(--text-primary);font-size:12px;font-weight:560}.usage-chart-tooltip div{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.usage-chart-tooltip div>span{border-radius:2px;width:8px;height:8px}.usage-chart-tooltip small,.usage-chart-tooltip em{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.usage-chart-tooltip em{color:var(--text-primary)}.usage-empty-state{gap:5px;padding:16px;display:grid}.usage-empty-state strong{color:var(--text-primary);font-size:13px;font-weight:560}.usage-empty-state span{color:var(--text-muted);font-size:12px}.usage-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.usage-table-panel{overflow:hidden}.usage-table-scroll{overflow-x:auto}.usage-table{border-collapse:collapse;width:100%;min-width:720px}.usage-table-panel.compact .usage-table{min-width:360px}.usage-table th,.usage-table td{border-top:1px solid var(--border-subtle);text-align:left;vertical-align:middle;min-width:0;padding:11px 12px}.usage-table th{color:var(--text-muted);letter-spacing:0;white-space:nowrap;font-size:11px;font-weight:560}.usage-table td{color:var(--text-secondary);font-size:12px}.usage-table .align-end{text-align:right}.usage-primary-cell{gap:2px;min-width:0;max-width:260px;display:grid}.usage-primary-cell strong,.usage-primary-cell small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.usage-primary-cell strong{color:var(--text-primary);font-size:12px;font-weight:560}.usage-primary-cell small{color:var(--text-muted);font-size:11px}.usage-source-action{width:28px;height:28px}.usage-table-empty{color:var(--text-muted);padding:16px;font-size:13px}.usage-table-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 12px 12px;font-size:12px;display:flex}.usage-table-pagination{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.usage-table-pagination button{border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);border-radius:6px;padding:4px 7px;font-size:11px}.usage-table-pagination button:disabled{cursor:default;opacity:.42}.usage-table-pagination span{color:var(--text-secondary);white-space:nowrap;font-size:11px}@media (width<=920px){.usage-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-hero-metric:nth-child(4),.usage-hero-metric:nth-child(5){border-top:1px solid var(--border-subtle)}.usage-hero-metric:nth-child(4):before{display:none}.usage-breakdown-grid{grid-template-columns:1fr}.usage-filter-control{flex:160px}.usage-chart-frame{height:260px;min-height:260px}}@media (width<=640px){.usage-activity-overview{gap:26px}.usage-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-hero-metric:nth-child(3){border-top:1px solid var(--border-subtle)}.usage-hero-metric:nth-child(3):before,.usage-hero-metric:nth-child(5):before{display:none}.usage-hero-metric:nth-child(4):before{display:block}.usage-hero-metric:last-child{grid-column:1/-1}.usage-insight-grid{grid-template-columns:1fr;gap:28px}.usage-section-heading{flex-direction:column;align-items:start}.usage-toolbar{display:grid}.usage-range-control{width:100%}.usage-range-control button{flex:auto}}