:root{--clay-bg:#e0e5ec;--clay-surface:#e0e5ec;--clay-text:#3d4358;--clay-text-muted:#7d879c;--clay-shadow-dark:#a3b1c699;--clay-shadow-light:#ffffffbf;--clay-radius-lg:25px;--clay-radius-md:20px;--clay-radius-sm:14px;--clay-radius-pill:999px;--clay-accent:#d91023;--clay-accent-2:#a10d1a;--clay-accent-soft:#fbe6e8;--clay-success:#2fbf71;--clay-warning:#ffb020;--clay-danger:#ff5c5c}:root[data-theme=dark]{--clay-bg:#2b2f3a;--clay-surface:#2b2f3a;--clay-text:#edeef4;--clay-text-muted:#a2a8ba;--clay-shadow-dark:#0f1116a6;--clay-shadow-light:#464d6173;--clay-accent-soft:#4a1b21}body.clay-theme{background:var(--clay-bg);color:var(--clay-text);font-family:Instrument Sans,Poppins,ui-sans-serif,system-ui,sans-serif}.clay-card,.clay-btn,.clay-avatar,.clay-panel,.clay-badge,.clay-chip{background:var(--clay-surface);box-shadow:9px 9px 16px var(--clay-shadow-dark), -9px -9px 16px var(--clay-shadow-light);border:none}.clay-card{border-radius:var(--clay-radius-lg);padding:1.5rem;transition:transform .25s,box-shadow .25s}.clay-card:hover{box-shadow:12px 12px 20px var(--clay-shadow-dark), -12px -12px 20px var(--clay-shadow-light);transform:translateY(-4px)}.clay-panel{border-radius:var(--clay-radius-md);padding:1.5rem}.clay-avatar{background:linear-gradient(135deg, var(--clay-accent) 0%, var(--clay-accent) 33%, #fff 33%, #fff 66%, var(--clay-accent) 66%, var(--clay-accent) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.clay-avatar img{object-fit:cover;width:100%;height:100%}.clay-input,.clay-select,.clay-pressed{background:var(--clay-surface);border-radius:var(--clay-radius-sm);box-shadow:inset 6px 6px 12px var(--clay-shadow-dark), inset -6px -6px 12px var(--clay-shadow-light);color:var(--clay-text);border:none}.clay-input::placeholder{color:var(--clay-text-muted)}.clay-input:focus,.clay-select:focus{box-shadow:inset 4px 4px 10px var(--clay-shadow-dark), inset -4px -4px 10px var(--clay-shadow-light), 0 0 0 3px color-mix(in oklab, var(--clay-accent) 35%, transparent);outline:none}.clay-btn{border-radius:var(--clay-radius-pill);color:var(--clay-text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.65rem 1.4rem;font-weight:600;transition:box-shadow .15s,transform .1s}.clay-btn:disabled{opacity:.45;cursor:not-allowed}.clay-btn:active,.clay-btn.is-pressed{box-shadow:inset 5px 5px 10px var(--clay-shadow-dark), inset -5px -5px 10px var(--clay-shadow-light);transform:translateY(1px)}.clay-btn-accent{background:linear-gradient(145deg, var(--clay-accent), #8f0c17);color:#fff;box-shadow:9px 9px 16px var(--clay-shadow-dark), -6px -6px 14px #ffffff59}.clay-btn-accent:active,.clay-btn-accent.is-pressed{box-shadow:inset 4px 4px 8px #0000004d}.clay-chip{border-radius:var(--clay-radius-pill);color:var(--clay-text-muted);cursor:pointer;white-space:nowrap;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.clay-chip.is-active{color:#fff;background:linear-gradient(145deg, var(--clay-accent-2), #6e0912);box-shadow:inset 4px 4px 8px #0003,inset -2px -2px 6px #ffffff26}.clay-badge{border-radius:var(--clay-radius-pill);align-items:center;padding:.4rem .9rem;font-size:.9rem;font-weight:700;display:inline-flex}.clay-badge-accent{color:var(--clay-accent)}.clay-badge-muted{color:var(--clay-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.clay-status-dot{border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.clay-status-dot.status-connected{background:var(--clay-success);box-shadow:0 0 8px var(--clay-success)}.clay-status-dot.status-scanning{background:var(--clay-warning);box-shadow:0 0 8px var(--clay-warning);animation:1.1s ease-in-out infinite clay-pulse}.clay-status-dot.status-error{background:var(--clay-danger);box-shadow:0 0 8px var(--clay-danger)}.clay-status-dot.status-queued{background:var(--clay-text-muted)}@keyframes clay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.clay-divider{background:var(--clay-shadow-dark);opacity:.4;border-radius:2px;height:2px}.clay-scroll::-webkit-scrollbar{width:8px}.clay-scroll::-webkit-scrollbar-thumb{background:var(--clay-shadow-dark);border-radius:var(--clay-radius-pill)}.clay-skeleton{background:linear-gradient(90deg, var(--clay-accent-soft) 25%, var(--clay-shadow-light) 50%, var(--clay-accent-soft) 75%);border-radius:var(--clay-radius-md);background-size:200% 100%;animation:1.4s ease-in-out infinite clay-shimmer}@keyframes clay-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.clay-spin{animation:.9s linear infinite clay-spin;display:inline-block}@keyframes clay-spin{to{transform:rotate(360deg)}}.clay-banner{border-radius:var(--clay-radius-md);background:var(--clay-accent-soft);box-shadow:inset 4px 4px 8px var(--clay-shadow-dark), inset -4px -4px 8px var(--clay-shadow-light);color:var(--clay-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;font-size:.85rem;display:flex}