select.select,.input-group,.input,textarea.input,.expander,.card{background:var(--theme-darker);border:.5px solid var(--theme-border);border-radius:var(--theme-radius);color:var(--theme-text)}.toggle input[type=checkbox]:disabled,.range:disabled{cursor:not-allowed;opacity:.5}.toggle input[type=checkbox]:disabled~span,.range:disabled~span{color:var(--theme-muted);cursor:not-allowed}.banner{--color: var(--theme-info);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--theme-radius);border:.5px solid var(--color);background:color-mix(in srgb, var(--color) 12%, var(--theme-surface));color:var(--theme-text)}.banner.success{--color: var(--theme-success)}.banner.warn{--color: var(--theme-warn)}.banner.danger{--color: var(--theme-danger)}.banner.info{--color: var(--theme-info)}.banner.primary{--color: var(--theme-primary)}.banner.accent{--color: var(--theme-accent)}.banner.black{--color: var(--theme-black)}.banner.white{--color: var(--theme-white)}.button{--color: var(--theme-shade);--text: var(--theme-text);font-size:13px;padding:6px 15px;border-radius:var(--theme-radius);border:.5px solid var(--theme-border);background:var(--color);color:var(--text);cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.button.info{--color: var(--theme-info);--text: white}.button.success{--color: var(--theme-success);--text: white}.button.danger{--color: var(--theme-danger);--text: white}.button.warn{--color: var(--theme-warn);--text: white}.button.primary{--color: var(--theme-primary);--text: white}.button.accent{--color: var(--theme-accent);--text: white}.button.white{--color: var(--theme-white);--text: black}.button.black{--color: var(--theme-black);--text: white}.button:hover{filter:brightness(1.2)}.card{padding:18px 22px;box-shadow:0 1px 3px rgba(0,0,0,.06);background:var(--theme-surface)}.checkbox,.radio{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-family:var(--theme-font),sans-serif;color:var(--theme-text);user-select:none}.checkbox input[type=checkbox]{appearance:none;width:20px;height:20px;flex-shrink:0;position:relative;border:2px solid var(--theme-border);border-radius:4px;cursor:pointer;transition:border-color .2s}.checkbox input[type=checkbox]::before{content:"";position:absolute;inset:-10px;border-radius:4px;background:rgba(0,0,0,0);transition:background .2s}.checkbox input[type=checkbox]:hover::before{background:var(--theme-shade)}.checkbox input[type=checkbox]:checked{border-color:var(--theme-accent)}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox input[type=checkbox]:disabled~span{color:var(--theme-muted);cursor:not-allowed}.checkbox input[type=checkbox]:checked{background:var(--theme-accent)}.checkbox input[type=checkbox]:checked::after{content:"";position:absolute;left:4.5px;top:0;width:5px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.chip{display:flex;align-items:center;justify-content:center;color:var(--theme-muted);background:var(--theme-darker);border:.5px solid var(--theme-border);padding:3px 10px;border-radius:999px;font-size:.75em}.chip *{margin:0}.expander{padding:0;overflow:hidden}.expander summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;cursor:pointer;list-style:none}.expander summary::-webkit-details-marker{display:none}.expander summary::after{content:"▸";color:var(--theme-muted);transition:transform .2s}.expander[open] summary::after{transform:rotate(90deg)}.expander .expander-body{padding:0 14px 14px;border-top:.5px solid var(--theme-border);padding-top:14px}.indicator{--background: color-mix(in srgb, var(--theme-info) 20%, black);--color: var(--theme-info);width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--background);border:.5px solid var(--color);border-radius:50%;color:var(--color);font-size:16px}.indicator.warn{--background: color-mix(in srgb, var(--theme-warn) 20%, black);--color: var(--theme-warn)}.indicator.danger{--background: color-mix(in srgb, var(--theme-danger) 20%, black);--color: var(--theme-danger)}.indicator.success{--background: color-mix(in srgb, var(--theme-success) 20%, black);--color: var(--theme-success)}.indicator.primary{--background: color-mix(in srgb, var(--theme-primary) 20%, black);--color: var(--theme-primary)}.indicator.accent{--background: color-mix(in srgb, var(--theme-accent) 20%, black);--color: var(--theme-accent)}.indicator.white{--background: color-mix(in srgb, var(--theme-white) 20%, black);--color: var(--theme-white)}.indicator.black{--background: color-mix(in srgb, var(--theme-black) 20%, white);--color: var(--theme-black)}.input,textarea.input{padding:8px 10px;cursor:text;font-family:var(--theme-font),sans-serif}.input:disabled,textarea.input:disabled{opacity:.5;cursor:not-allowed}.input:disabled~span,textarea.input:disabled~span{color:var(--theme-muted);cursor:not-allowed}.input:focus-within,textarea.input:focus-within{border-color:var(--theme-accent)}textarea.input{resize:vertical;min-height:60px}input[type=color].input{padding:0;width:40px;height:28px;border-radius:var(--theme-radius);overflow:hidden}input[type=color].input::-webkit-color-swatch-wrapper{padding:0}input[type=color].input::-webkit-color-swatch{border:none;border-radius:var(--theme-radius)}input[type=color].input::-moz-color-swatch{border:none;border-radius:var(--theme-radius)}.input-group{display:inline-flex;align-items:stretch;overflow:hidden;background:var(--theme-darker)}.input-group>*{border:none;border-radius:0;background:rgba(0,0,0,0)}.input-group>.button:is(.info,.success,.warn,.danger,.primary,.accent,.white,.black){background:var(--color);color:var(--text)}.input-group:focus-within{border-color:var(--theme-accent)}select.select{padding:8px 10px;cursor:pointer}select.select:disabled{opacity:.5;cursor:not-allowed}select.select:disabled~span{color:var(--theme-muted);cursor:not-allowed}select.select:focus-within{border-color:var(--theme-accent)}select.select option{color:var(--theme-text);background:var(--theme-surface)}select.select[multiple]{padding:0;max-height:200px;overflow-y:auto}select.select[multiple] option{padding:5px 10px;background:var(--theme-darker)}select.select[multiple] option:checked{background:color-mix(in srgb, var(--theme-primary) 10%, transparent);color:var(--theme-primary);font-weight:500}select.select[multiple] option:hover{background:color-mix(in srgb, var(--theme-primary) 10%, transparent)}.radio{padding:6px 0}.radio input[type=radio]{appearance:none;width:20px;height:20px;flex-shrink:0;position:relative;border:2px solid var(--theme-border);border-radius:50%;cursor:pointer;transition:border-color .2s}.radio input[type=radio]::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:rgba(0,0,0,0);transition:background .2s}.radio input[type=radio]:hover::before{background:var(--theme-shade)}.radio input[type=radio]:checked{border-color:var(--theme-accent)}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.radio input[type=radio]:disabled~span{color:var(--theme-muted);cursor:not-allowed}.radio input[type=radio]:checked::after{content:"";position:absolute;inset:3px;background:var(--theme-accent);border-radius:50%}.range{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:16px;background:rgba(0,0,0,0);cursor:pointer}.range::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:999px;background:var(--theme-muted)}.range::-moz-range-track{width:100%;height:4px;border-radius:999px;background:var(--theme-muted)}.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--theme-accent);border:2px solid var(--theme-surface);transition:transform .15s}.range::-webkit-slider-thumb:hover{transform:scale(1.15)}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--theme-accent);border:2px solid var(--theme-surface)}.table{display:table;width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--theme-border);border-radius:var(--theme-radius);color:var(--theme-text);font-size:.875rem}.table.select tbody>*{cursor:pointer}.table.select tbody tr:hover{background-color:var(--theme-accent);color:var(--theme-white)}.table thead{background-color:var(--theme-shade);border-bottom:2px solid var(--theme-border)}.table tbody tr{transition:background-color .2s}.table.striped tbody tr:nth-child(even){background-color:var(--theme-shade-alt)}.table th{padding:1rem;text-align:left;font-weight:bold;color:var(--theme-primary)}.table td{padding:1rem;vertical-align:middle}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-family:var(--theme-font),sans-serif;color:var(--theme-text);user-select:none}.toggle input[type=checkbox]{appearance:none;width:36px;height:20px;border:none;border-radius:999px;background:var(--theme-border);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--theme-white);transition:transform .2s}.toggle input[type=checkbox]:checked{background:var(--theme-accent)}.toggle input[type=checkbox]:checked::after{transform:translateX(16px)}