:root{--bg-color:#f4f6f8;--card-bg:#fff;--text-primary:#333;--text-secondary:#666;--border-color:#eee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--btn-hover:#0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:25px;--accent:#42a5f5;--accent-hover:#1e88e5;--accent-bg:#e3f2fd;--on-accent:#fff;--neutral:#6c757d;--neutral-hover:#5a6169;--success:#2e7d32;--success-bg:#e8f5e9;--danger:#e53935;--danger-bg:#ffebee;--warning:#f57c00;--warning-bg:#fff3e0;--info:#1976d2;--info-bg:#e3f2fd;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 18px #0000000f;--shadow-lg:0 10px 25px #0000000f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--fs-xs:.75rem;--fs-sm:.85rem;--fs-base:1rem;--fs-lg:1.2rem;--fs-xl:1.5rem;--fs-2xl:1.8rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}[data-theme=dark]{--bg-color:#121212;--card-bg:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#aaa;--border-color:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--btn-hover:#ffffff0d;--accent-hover:#64b5f6;--accent-bg:#42a5f529;--neutral:#565d66;--neutral-hover:#646c75;--success:#66bb6a;--success-bg:#4caf5029;--danger:#ef5350;--danger-bg:#e539352e;--warning:#ffa726;--warning-bg:#f57c002e;--info:#42a5f5;--info-bg:#1976d233;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 18px #00000073;--shadow-lg:0 10px 25px #00000080}body{background-color:var(--bg-color);min-width:320px;min-height:100dvh;color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}.ui-btn{white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s,filter .15s;display:inline-flex}.ui-btn:active{transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn-full{width:100%}.ui-btn-icon{align-items:center;display:inline-flex}.ui-btn-sm{font-size:var(--fs-sm);padding:6px 12px}.ui-btn-md{padding:9px 18px;font-size:.95rem}.ui-btn-lg{font-size:var(--fs-lg);border-radius:var(--radius-md);padding:13px 24px}.ui-btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.ui-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.ui-btn-secondary{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.ui-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ui-btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.ui-btn-danger:hover:not(:disabled){filter:brightness(1.08)}.ui-btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.ui-btn-success:hover:not(:disabled){filter:brightness(1.1)}.ui-btn-warning{background:var(--warning);color:#fff;box-shadow:var(--shadow-sm)}.ui-btn-warning:hover:not(:disabled){filter:brightness(1.06)}.ui-btn-dark{background:var(--text-primary);color:var(--bg-color);box-shadow:var(--shadow-sm)}.ui-btn-dark:hover:not(:disabled){opacity:.88}.ui-btn-neutral{background:var(--neutral);color:#fff;box-shadow:var(--shadow-sm)}.ui-btn-neutral:hover:not(:disabled){background:var(--neutral-hover)}.ui-btn-ghost{color:var(--text-primary);background:0 0}.ui-btn-ghost:hover:not(:disabled){background:var(--btn-hover)}.ui-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);box-sizing:border-box;transition:box-shadow .2s,background-color .3s,border-color .3s}.ui-card-flush{padding:0}.ui-card-head{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ui-card-flush .ui-card-head{margin:var(--space-5) var(--space-5) 0}.ui-card-title{font-size:var(--fs-lg);color:var(--text-primary);align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.ui-card-icon{font-size:1.2em;line-height:1}.ui-card-sub{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:600}.ui-card-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}