.chip-card{border-radius:var(--radius);box-shadow:var(--shadow-l);position:relative;overflow:hidden}.chip-bare{--card-spacing:0px;position:relative}.chip-bare>.chip-foot{background:0 0;border-top:0;padding-bottom:0}.chip-card,.chip-bare{--chip-tone:var(--muted-foreground);--chip-accent:var(--muted-foreground);--chip-tone-12:color-mix(in srgb, var(--chip-tone) 12%, transparent);--chip-tone-18:color-mix(in srgb, var(--chip-tone) 18%, transparent);--chip-tone-25:color-mix(in srgb, var(--chip-tone) 25%, transparent)}:is(.chip-card,.chip-bare,.chip-kicker,.chip-icon,.chip-pill)[data-tone=ok]{--chip-tone:var(--success);--chip-accent:var(--brand)}:is(.chip-card,.chip-bare,.chip-kicker,.chip-icon,.chip-pill)[data-tone=warn]{--chip-tone:var(--warning);--chip-accent:var(--warning)}:is(.chip-card,.chip-bare,.chip-kicker,.chip-icon,.chip-pill)[data-tone=alert]{--chip-tone:var(--destructive);--chip-accent:var(--destructive)}:is(.chip-card,.chip-bare,.chip-kicker,.chip-icon,.chip-pill)[data-tone=muted]{--chip-tone:var(--muted-foreground);--chip-accent:var(--muted-foreground)}.chip-sparkle{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.chip-ring{border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative}.chip-ring:before{content:"";background:conic-gradient(from 0deg, var(--chip-accent), var(--brand-pale), var(--brand-sky), var(--brand-deep), var(--chip-accent));border-radius:50%;animation:6s linear infinite chip-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);mask:radial-gradient(circle,#0000 60%,#000 61%)}.chip-ring svg{z-index:1;width:54px;height:54px;color:var(--chip-accent)}@keyframes chip-spin{to{transform:rotate(360deg)}}.chip-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--chip-tone);align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:600;display:flex}.chip-dot{background:var(--chip-tone);border-radius:50%;flex:none;width:6px;height:6px}.chip-kicker>.chip-dot{box-shadow:0 0 0 3px var(--chip-tone-18)}.chip-head{align-items:center;gap:8px;min-width:0;display:flex}.chip-head>.chip-aside{flex:none;margin-left:auto}.chip-icon{color:var(--chip-tone);flex:none}.chip-title{letter-spacing:-.01em;min-width:0;font-size:15px;font-weight:600}.chip-title-mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.chip-detail{color:var(--muted-foreground);min-width:0;font-size:12.5px}.chip-line{color:color-mix(in srgb, var(--foreground) 55%, var(--muted-foreground));font-size:14px}.chip-pill{background:var(--chip-tone-12);color:var(--chip-tone);border:1px solid var(--chip-tone-25);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.chip-pill-kicker{text-transform:uppercase}.chip-steps{gap:6px;display:flex}.chip-steps>.chip-step{background:var(--muted);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.chip-steps>.chip-step[data-fill=brand]:after,.chip-steps>.chip-step[data-fill=tone]:after{content:"";background:var(--brand);animation:chip-fill .45s var(--ease-out-strong) forwards;animation-delay:var(--chip-step-delay,0s);position:absolute;inset:0;transform:translate(-100%)}.chip-steps>.chip-step[data-fill=tone]:after{background:var(--chip-tone)}@keyframes chip-fill{to{transform:none}}.chip-labels{color:var(--muted-foreground);justify-content:space-between;font-size:11px;display:flex}.chip-bar{background:var(--muted);border-radius:2px;height:4px;overflow:hidden}.chip-bar>.chip-bar-fill{background:var(--brand);border-radius:2px;height:100%;transition:width .4s linear;display:block}.chip-bar>.chip-bar-fill[data-fill=tone]{background:var(--chip-tone)}.chip-sweep{background:linear-gradient(90deg, var(--foreground) 0%, var(--foreground) 42%, var(--brand) 50%, var(--foreground) 58%, var(--foreground) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:3.4s ease-in-out infinite chip-sweep}@keyframes chip-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.chip-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-btn{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.chip-btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid #0000}.chip-btn-primary:hover{background:color-mix(in srgb, var(--primary) 85%, var(--background))}.chip-btn-outline{color:var(--foreground);border:1px solid var(--border);background:0 0}.chip-btn-outline:hover{background:color-mix(in srgb, var(--foreground) 7%, transparent)}.chip-btn[aria-disabled=true],.chip-btn:disabled{cursor:not-allowed;opacity:.5}a.chip-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chip-how{color:var(--muted-foreground);margin-left:auto;font-size:12.5px}.chip-how code{font-family:var(--font-mono);background:var(--code);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:12px}.chip-foot{border-top:1px solid var(--border);padding:11px var(--card-spacing,16px);background:color-mix(in srgb, var(--card) 50%, var(--background));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-foot>.chip-acts{flex:1}.chip-note{color:var(--muted-foreground);white-space:nowrap;margin-left:auto;font-size:12px}.chip-card:has(>.chip-foot){padding-bottom:0}@media (prefers-reduced-motion:reduce){.chip-ring:before{animation:none}.chip-sweep{color:var(--foreground);background:0 0;animation:none}.chip-steps>.chip-step:after{animation:none;transform:none}.chip-bar>.chip-bar-fill{transition:none}}