:root{--pill-height-micro:18px;--pill-height-mini:22px;--pill-height-small:26px;--pill-height-medium:32px;--pill-height-large:38px;--pill-padding-micro:0.25rem 0.5rem;--pill-padding-mini:0.375rem 0.75rem;--pill-padding-small:0.5rem 1rem;--pill-padding-medium:0.625rem 1.25rem;--pill-padding-large:0.75rem 1.5rem;--pill-blur:20px;--pill-blur-heavy:40px;--pill-saturation:200%;--pill-brightness:1.05;--pill-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--pill-spring:cubic-bezier(0.34,1.56,0.64,1)}.status-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:500;white-space:nowrap;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(var(--pill-blur)) saturate(var(--pill-saturation));-webkit-backdrop-filter:blur(var(--pill-blur)) saturate(var(--pill-saturation));transition:var(--pill-transition);transform-origin:center;will-change:transform,box-shadow}.pill-micro{height:var(--pill-height-micro);padding:var(--pill-padding-micro);font-size:.625rem;letter-spacing:.025em}.pill-mini{height:var(--pill-height-mini);padding:var(--pill-padding-mini);font-size:.6875rem;letter-spacing:.025em}.pill-small{height:var(--pill-height-small);padding:var(--pill-padding-small);font-size:.75rem;letter-spacing:.02em}.pill-medium{height:var(--pill-height-medium);padding:var(--pill-padding-medium);font-size:.875rem;letter-spacing:.015em}.pill-large{height:var(--pill-height-large);padding:var(--pill-padding-large);font-size:1rem;letter-spacing:.01em}.pill-default{background:linear-gradient(135deg,rgba(248,250,252,.9),rgba(241,245,249,.8));color:rgba(51,65,85,.95);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(15,23,42,.04),inset 0 1px 2px rgba(255,255,255,.9)}.pill-success{background:linear-gradient(135deg,rgba(220,252,231,.9),rgba(187,247,208,.8));color:rgba(22,101,52,.95);border:1px solid rgba(134,239,172,.6);box-shadow:0 2px 8px rgba(34,197,94,.15),inset 0 1px 2px rgba(255,255,255,.8)}.pill-warning{background:linear-gradient(135deg,rgba(254,243,199,.9),rgba(253,230,138,.8));color:rgba(146,64,14,.95);border:1px solid rgba(251,191,36,.5);box-shadow:0 2px 8px rgba(245,158,11,.15),inset 0 1px 2px rgba(255,255,255,.8)}.pill-error{background:linear-gradient(135deg,rgba(254,226,226,.9),rgba(254,202,202,.8));color:rgba(153,27,27,.95);border:1px solid rgba(252,165,165,.6);box-shadow:0 2px 8px rgba(239,68,68,.15),inset 0 1px 2px rgba(255,255,255,.8)}.pill-info{background:linear-gradient(135deg,rgba(219,234,254,.9),rgba(191,219,254,.8));color:rgba(30,58,138,.95);border:1px solid rgba(147,197,253,.6);box-shadow:0 2px 8px rgba(59,130,246,.15),inset 0 1px 2px rgba(255,255,255,.8)}.pill-accent{background:linear-gradient(135deg,rgba(237,233,254,.9),rgba(221,214,254,.8));color:rgba(88,28,135,.95);border:1px solid rgba(196,181,253,.6);box-shadow:0 2px 8px rgba(139,92,246,.15),inset 0 1px 2px rgba(255,255,255,.8)}.pill-floating{backdrop-filter:blur(var(--pill-blur-heavy)) saturate(250%);-webkit-backdrop-filter:blur(var(--pill-blur-heavy)) saturate(250%);box-shadow:0 8px 32px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04),inset 0 2px 4px rgba(255,255,255,.9);animation:pillFloat 4s ease-in-out infinite}@keyframes pillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pill-solid{backdrop-filter:none;-webkit-backdrop-filter:none}.pill-solid.pill-default{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155}.pill-solid.pill-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:white}.pill-solid.pill-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.pill-solid.pill-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.pill-solid.pill-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.pill-solid.pill-accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white}.pill-interactive{cursor:pointer}.pill-interactive:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06),inset 0 2px 4px rgba(255,255,255,1)}.pill-interactive:active{transform:scale(.98);box-shadow:0 4px 16px rgba(15,23,42,.08),inset 0 1px 2px rgba(0,0,0,.05)}.pill-pulse{animation:pillPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pillPulse{0%,to{opacity:1;box-shadow:0 2px 8px currentColor,inset 0 1px 2px rgba(255,255,255,.8)}50%{opacity:.8;box-shadow:0 4px 16px currentColor,inset 0 1px 2px rgba(255,255,255,.8)}}.pill-icon{display:inline-flex;align-items:center;gap:.375rem}.pill-icon svg{width:.875em;height:.875em;stroke-width:2}.pill-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:currentColor;margin-right:.5rem;animation:pillDotPulse 2s ease-in-out infinite}@keyframes pillDotPulse{0%,to{opacity:.6}50%{opacity:1}}.pill-badge{min-width:1.5rem;padding:.125rem .375rem;font-weight:600}.pill-group{display:inline-flex;gap:.5rem;flex-wrap:wrap;align-items:center}.dark .pill-default{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.8));color:rgba(248,250,252,.95);border:1px solid rgba(71,85,105,.8)}.dark .pill-solid.pill-default{background:linear-gradient(135deg,#475569,#334155);color:#f8fafc}@media (prefers-color-scheme:dark){:root:not(.dark) .pill-default{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.8));color:rgba(248,250,252,.95);border:1px solid rgba(71,85,105,.8)}:root:not(.dark) .pill-solid.pill-default{background:linear-gradient(135deg,#475569,#334155);color:#f8fafc}}@media (prefers-reduced-motion:reduce){.pill-dot:before,.pill-floating,.pill-interactive,.pill-pulse,.status-pill{animation:none;transition:opacity .2s ease}.pill-interactive:hover{transform:none}}