:root{--udb-primary:#1a73e8;--udb-primary-hover:#4285f4;--udb-primary-pressed:#1557b0;--udb-header-bg:#1e3a8a;--udb-sidebar-bg:#1e293b;--udb-logo-accent:#60a5fa;--udb-header-text:#dbeafe;--udb-content-bg:#eef3fa;--udb-card-bg:#fff;--udb-card-border:#e3e6ea;--udb-table-bg:#fff;--udb-table-header-bg:#fafafa;--udb-text-1:#333;--udb-text-2:#666;--udb-text-3:#888}html.dark{--udb-content-bg:#101014;--udb-card-bg:#1f1f1f;--udb-card-border:#34343a;--udb-table-bg:#1f1f1f;--udb-table-header-bg:#232324;--udb-text-1:#e5e5ea;--udb-text-2:#a0a0a8;--udb-text-3:#808088}body{background:var(--udb-content-bg);margin:0}.udb-theme-item{cursor:pointer;background:var(--udb-card-bg);border:2px solid var(--udb-card-border);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.udb-user-chip:hover{background:#7f7fff1f}.udb-user-chip:active{transform:scale(.98)}.udb-theme-item:hover{border-color:#b8c8ff;box-shadow:0 2px 8px #0000001a}.udb-theme-item:active{transform:scale(.98)}.udb-theme-item-active,.udb-theme-item-active:hover{border-color:var(--udb-primary);box-shadow:0 0 0 1px var(--udb-primary)}.udb-theme-swatch{border:1px solid #00000014;border-radius:8px;flex-shrink:0;width:54px;height:42px}.udb-theme-name{color:var(--udb-text-1);font-size:13px;font-weight:600;line-height:1.3}.udb-theme-role{align-items:center;gap:6px;margin-top:3px;display:flex}.udb-theme-dot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:10px;height:10px}.udb-theme-hex{color:var(--udb-text-3);font-family:ui-monospace,Consolas,monospace;font-size:11px}.udb-theme-check{color:var(--udb-primary);flex-shrink:0;font-size:18px;font-weight:700}.udb-ledger-current{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:6px 12px;transition:background .15s,border-color .15s}.udb-ledger-current:hover{background:#ffffff24;border-color:#ffffff47}.udb-ledger-option{cursor:pointer;background:var(--udb-card-bg);border:1px solid var(--udb-card-border);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.udb-ledger-option:hover{border-color:var(--udb-primary)}.udb-ledger-option-active,.udb-ledger-option-active:hover{border-color:var(--udb-primary);box-shadow:0 0 0 1px var(--udb-primary);background:var(--udb-card-bg)}