.ai-usage-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--bg-raised);display:flex;flex-direction:column;gap:10px;transition:border-color var(--motion-base) ease,background-color var(--motion-base) ease}.ai-usage-card.is-warn{border-color:var(--warning,#c08a1c);background:color-mix(in oklab,var(--warning,#c08a1c) 6%,var(--bg-raised))}.ai-usage-card.is-blocked{border-color:var(--danger,#c0392b);background:color-mix(in oklab,var(--danger,#c0392b) 6%,var(--bg-raised))}.ai-usage-card.is-byok{border-color:var(--success,#2e7d4f);background:color-mix(in oklab,var(--success,#2e7d4f) 5%,var(--bg-raised))}.ai-usage-card.is-free{border-style:dashed}.byok-usage-breakdown{margin-top:2px;opacity:.85}.aiu-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.aiu-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.aiu-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.02em}.aiu-badge--byok{background:var(--success,#2e7d4f);color:#fff;border-color:transparent;display:inline-flex;align-items:center;gap:4px}.aiu-numbers{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.aiu-used{font-size:24px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.aiu-cap,.aiu-sep{color:var(--text-muted)}.aiu-cap{font-variant-numeric:tabular-nums}.aiu-reset{color:var(--text-muted);font-size:12px;margin-left:auto}.aiu-bar{position:relative;height:8px;border-radius:999px;background:var(--bg-sunken);overflow:hidden;border:1px solid var(--border)}.aiu-bar-fill{position:absolute;inset:0;background:var(--accent);transform-origin:left center;transition:transform .6s cubic-bezier(.2,.7,.2,1),background-color var(--motion-base) ease;border-radius:inherit}.is-warn .aiu-bar-fill{background:var(--warning,#c08a1c)}.is-blocked .aiu-bar-fill{background:var(--danger,#c0392b)}.aiu-heading{margin:4px 0 0;color:var(--text-primary)}.aiu-byok-note,.aiu-heading{font-size:13px;line-height:1.5}.aiu-byok-note{margin:0;color:var(--text-muted)}.aiu-refresh-error{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.aiu-refresh-error button{border:0;padding:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.aiu-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.aiu-cta{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform var(--motion-fast) ease,filter var(--motion-fast) ease}.is-warn .aiu-cta{background:var(--warning,#c08a1c)}.is-blocked .aiu-cta{background:var(--danger,#c0392b)}.aiu-cta:hover{filter:brightness(1.05)}.aiu-cta:active{transform:translateY(1px)}.aiu-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.aiu-cta-note{font-size:12px;color:var(--text-muted)}.aiu-explain{margin-top:2px}.aiu-explain summary{font-size:12px;color:var(--text-muted);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px 0}.aiu-explain summary::-webkit-details-marker{display:none}.aiu-explain summary:before{content:"▸ ";transition:transform var(--motion-fast) ease;display:inline-block}.aiu-explain[open] summary:before{content:"▾ "}.aiu-explain p{margin:6px 0 0;font-size:12px;color:var(--text-muted);line-height:1.5}.ai-usage-card.is-skeleton .aiu-skeleton{background:linear-gradient(90deg,var(--bg-sunken) 0,var(--bg-raised) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:aiu-shimmer 1.4s linear infinite;border-radius:6px}.aiu-sk-title{width:40%;height:16px}.aiu-sk-badge{width:60px;height:18px;border-radius:999px}.aiu-sk-bar{width:100%;height:8px;border-radius:999px;margin-top:8px}@keyframes aiu-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-usage--ok{background:var(--success,#0e9f6e)}.ai-usage--notice{background:#e8a13c}.ai-usage--warn{background:#ea580c}.ai-usage--blocked{background:var(--danger,#b4231f)}.aiu-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);max-width:100%;white-space:nowrap;line-height:1.4;transition:background-color .18s ease,border-color .18s ease,transform var(--motion-fast) ease,color .18s ease}.aiu-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.aiu-pill-sep{opacity:.55}.aiu-pill-cta{display:inline-flex;align-items:center;gap:3px}.aiu-pill--warn{background:color-mix(in oklab,var(--warning,#c08a1c) 14%,var(--bg-raised));color:var(--warning,#b07918);border-color:color-mix(in oklab,var(--warning,#c08a1c) 30%,var(--border))}.aiu-pill--blocked{background:color-mix(in oklab,var(--danger,#c0392b) 14%,var(--bg-raised));color:var(--danger,#a83327);border-color:color-mix(in oklab,var(--danger,#c0392b) 30%,var(--border));animation:aiu-pulse 1.8s ease-in-out 1}.aiu-pill--blocked:hover,.aiu-pill--warn:hover{filter:brightness(1.04);transform:translateY(-.5px)}@keyframes aiu-pulse{0%,to{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 0 4px color-mix(in oklab,var(--danger,#c0392b) 20%,transparent)}}.aiu-pill-bar{display:flex;flex-direction:column;gap:3px;min-width:160px}.aiu-pill-bar-row{display:flex;align-items:center;gap:8px}.aiu-pill-bar-track{flex:1 1 auto;height:6px;border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);overflow:hidden}.aiu-pill-bar-fill{height:100%;border-radius:inherit;transition:width var(--motion-base) ease,background-color var(--motion-base) ease}.aiu-pill-bar-label{flex:none;font-size:11px;font-weight:700;white-space:nowrap}.aiu-pill-bar-note{font-size:10px;color:var(--text-muted)}.aiu-pill-bar--compact{min-width:0;gap:0}.aiu-pill-bar--compact .aiu-pill-bar-track{width:72px;flex:none}.aiu-pill-unlimited{font-size:11px;font-weight:600;color:var(--success,#0e9f6e);display:inline-flex;align-items:center;gap:4px}.aiu-pill-unlimited-dot{font-size:8px}@media (prefers-reduced-motion:reduce){.aiu-pill-bar-fill{transition:none!important}}@media (max-width:639px){.aiu-pill{font-size:10px;padding:4px 8px}.ai-usage-card{padding:14px}.aiu-used{font-size:20px}.aiu-reset{margin-left:0;flex-basis:100%}}@media (prefers-reduced-motion:reduce){.ai-usage-card,.aiu-bar-fill,.aiu-cta,.aiu-pill{transition:none!important}.ai-usage-card.is-skeleton .aiu-skeleton,.aiu-pill--blocked{animation:none!important}}