body[data-design-system=v1]{color:var(--text);background-color:var(--bg);font-family:var(--font-sans);line-height:var(--line-base)}body[data-design-system=v1][data-theme=dark]{color-scheme:dark}:where([data-design-system=v1]) a{color:var(--link);text-decoration:none;transition:color var(--dur-1) var(--ease)}:where([data-design-system=v1]) a:hover{color:color-mix(in srgb,var(--link) 80%,var(--text))}:where([data-design-system=v1]) :where(a,button,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px var(--focus-ring)}:where([data-design-system=v1]) .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:var(--font-medium);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}:where([data-design-system=v1]) .btn:hover{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--border) 60%,var(--text) 20%)}:where([data-design-system=v1]) .btn:active{transform:translateY(1px)}:where([data-design-system=v1]) .btn:disabled,:where([data-design-system=v1]) .btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;box-shadow:none}:where([data-design-system=v1]) .btn-primary{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,var(--text) 10%);color:var(--accent-contrast)}:where([data-design-system=v1]) .btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--text) 5%)}:where([data-design-system=v1]) .btn-secondary{background:var(--surface-2);color:var(--text)}:where([data-design-system=v1]) .btn-ghost{background:transparent;border-color:transparent;color:var(--text)}:where([data-design-system=v1]) .btn-danger{background:var(--danger);border-color:color-mix(in srgb,var(--danger) 70%,var(--text) 10%);color:#fff}:where([data-design-system=v1]) .form-control,:where([data-design-system=v1]) .input,:where([data-design-system=v1]) .select,:where([data-design-system=v1]) .textarea{width:100%;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease)}:where([data-design-system=v1]) .form-control::placeholder,:where([data-design-system=v1]) .input::placeholder,:where([data-design-system=v1]) .textarea::placeholder{color:var(--text-muted)}:where([data-design-system=v1]) .form-control:disabled,:where([data-design-system=v1]) .input:disabled,:where([data-design-system=v1]) .select:disabled,:where([data-design-system=v1]) .textarea:disabled{background:color-mix(in srgb,var(--surface) 70%,var(--border));color:var(--text-muted);cursor:not-allowed}:where([data-design-system=v1]) .card,:where([data-design-system=v1]) .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}:where([data-design-system=v1]) .table{width:100%;border-collapse:collapse;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}:where([data-design-system=v1]) .table th,:where([data-design-system=v1]) .table td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}:where([data-design-system=v1]) .table th{text-align:left;font-weight:var(--font-semibold);background:var(--surface-2)}:where([data-design-system=v1]) .table tr:hover td{background:color-mix(in srgb,var(--surface) 85%,var(--accent) 5%)}:where([data-design-system=v1]) .alert{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}:where([data-design-system=v1]) .alert-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--surface))}:where([data-design-system=v1]) .alert-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface))}:where([data-design-system=v1]) .alert-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--surface))}:where([data-design-system=v1]) .badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .5rem;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-semibold);background:var(--surface-2);color:var(--text);border:1px solid var(--border)}:where([data-design-system=v1]) .toast,:where([data-design-system=v1]) .modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}