.usage-card{background:var(--card-bg);border:1px solid var(--line);border-radius:.75rem;padding:1.25rem}.usage-card.loading{justify-content:center;align-items:center;min-height:120px;display:flex}.usage-card.near-limit{border-color:color-mix(in oklab,var(--accent-4)50%,transparent);background:color-mix(in oklab,var(--accent-4)10%,var(--card-bg))}.usage-card.at-limit{border-color:color-mix(in oklab,var(--accent-2)50%,transparent);background:color-mix(in oklab,var(--accent-2)10%,var(--card-bg))}.usage-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.usage-header h3{font-family:var(--font-mono),monospace;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.usage-header .tier-badge{background:color-mix(in oklab,var(--accent-1)18%,transparent);border:1px solid color-mix(in oklab,var(--accent-1)40%,transparent);color:var(--ink);text-transform:capitalize;letter-spacing:.04em;border-radius:999px;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.usage-stats{margin-bottom:.75rem}.usage-main{align-items:baseline;gap:.25rem;margin-bottom:.75rem;display:flex}.usage-count{font-family:var(--font-serif),serif;color:var(--ink);letter-spacing:-.01em;font-size:2rem;font-weight:400}.usage-separator{color:var(--ink-mute);font-size:1.25rem}.usage-limit{color:var(--ink-dim);font-size:1.25rem}.usage-label{color:var(--ink-mute);margin-left:.25rem;font-size:.875rem}.usage-progress{background:var(--line-soft);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-progress-bar{background:var(--accent-1);border-radius:4px;height:100%;transition:width .3s}.usage-card.near-limit .usage-progress-bar{background:var(--accent-4)}.usage-card.at-limit .usage-progress-bar{background:var(--accent-2)}.usage-remaining{color:var(--ink-dim);font-size:.875rem}.limit-warning{color:var(--accent-2);font-weight:600}.usage-reset{color:var(--ink-mute);margin-bottom:.75rem;font-size:.75rem}.upgrade-link{text-align:center;background:var(--accent-1);color:var(--bg);border-radius:.375rem;padding:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:filter .15s;display:block}.upgrade-link:hover{filter:brightness(1.05);color:var(--bg)}.loading-spinner.small{border-width:2px;width:24px;height:24px}